يعد تغيير الخط طريقة سهلة لإضافة الشخصية والأصالة إلى النص الخاص بك. في بعض الحالات ، يمكن أن يؤدي اختيار الخط الصحيح إلى جعل رسالتك أكثر قابلية للقراءة أو تمييز العناوين الرئيسية أو خلق جو خاص. ومع ذلك ، إذا كنت جديدا في إنشاء صفحات الويب ، فقد تبدو عملية تغيير الخط معقدة.
في هذه المقالة ، سنخبرك بكيفية تغيير الخط على صفحة الويب الخاصة بك. سنلقي نظرة مفصلة على الخطوات الأساسية ونعرض لك أمثلة التعليمات البرمجية حتى تتمكن من تطبيق التغييرات دون أي مشاكل. سوف تتعلم كيفية استخدام علامات هتمل لتغيير الخط ، وكذلك كيفية إضافة أنماط باستخدام كس.
علامات هتمل هي عناصر ترميز تستخدم لتحديد بنية ومحتوى صفحة الويب. يمكن استخدامها لتغيير الخط وحجم النص وتمييز الكلمات الخاصة والمزيد. دعونا نبدأ من خلال النظر في عدد قليل من علامات هتمل الهامة التي سوف تساعدك على تغيير الخط:
- تسمح لك هذه العلامة بتمييز النص بالخط العريض. غالبا ما يتم استخدامه لتمييز الكلمات الرئيسية أو العبارات في النص.
- هذه العلامة تسمح لك بخط مائل النص. يمكن استخدامه لتمييز أجزاء مهمة من النص أو لإعطاء تلوين عاطفي.
- الشروع في العمل مع الخطوط
- اختيار الخط المناسب
- تغيير حجم الخط
- تغيير لون الخط
- تطبيق أنماط إضافية على النص
الشروع في العمل مع الخطوط
هناك عدة طرق لتغيير الخط في هتمل. واحدة من أسهل الطرق هي استخدام علامات قوية و م.
يتم استخدام علامة قوية لتسليط الضوء على النص ، مما يجعلها جريئة ومهمة. على سبيل المثال:
مرحبا بكم في موقعنا!
انتبه إلى المجموعة الجديدة من الأحذية في متجرنا!
- ومع ذلك ، فإن استخدام هذه العلامات لا يوفر دائما فرصا كافية لتغيير الخط. في مثل هذه الحالات ، يمكنك استخدام كس لإعدادات إضافية.
- اختيار الخط المناسب
- يلعب اختيار الخط الصحيح دورا مهما في إنشاء تصميم فعال لموقعك على الويب. يمكن للخط المختار جيدا تحسين قابلية قراءة النص ، ونقل الحالة المزاجية المطلوبة والتأكيد على نمط المحتوى الخاص بك.
- عند اختيار الخط ، يجب مراعاة عدة عوامل:
الغرض من موقعك: إذا كان موقعك مخصصا للاستخدام الأكاديمي أو المؤسسي ، فإن الخطوط الكلاسيكية الواضحة مثل أريال أو تايمز نيو رومان أو هلفتيكا مناسبة. إذا كان الموقع يستهدف جمهورا أكثر إبداعا ، فيمكنك استخدام خطوط أكثر غرابة وأنيقة.
سهولة القراءة: أحد المعايير الرئيسية لاختيار الخط هو سهولة قراءته. يجب أن يكون الخط كبيرا بما يكفي وسهل القراءة على الأجهزة والشاشات المختلفة.
النمط: يجب أن يتطابق الخط مع نمط المحتوى الخاص بك. على سبيل المثال ، يعد الخط الأكثر رسمية وكلاسيكية مناسبا لموقع ويب تجاري جاد ، ويمكن اختيار خط أكثر رسمية لخلق جو خفيف وممتع.
التوافق: يجب أن يكون الخط المحدد متاحا على معظم الأجهزة وأنظمة التشغيل. خيار جيد هو استخدام خطوط النظام أو خطوط الويب الشائعة مثل خطوط جوجل.
مثال الاستخدام:
الحجم
إنه يساوي 4 ، لذلك سيتم عرض النص بحجم متوسط.
.
ص {
حجم الخط: 18 بكسل;
}
هذه هي الطرق الرئيسية لتغيير حجم الخط في هتمل. يمكنك اختيار أي منها حسب احتياجاتك وتفضيلاتك.
- ,
- رمز سداسي عشري: يمكن استخدام رموز الألوان السداسية العشرية، مثل
- رمز رغب: يمكنك استخدام قيم الألوان الأحمر والأخضر والأزرق في النطاق من 0 إلى 255. على سبيل المثال,
رغب (0 ، 0 ، 255)
سمة اللون
نتيجة لهذا الرمز ، النص داخل العلامة
سيتم عرضه باللون الأحمر. وبالمثل ، يمكنك استخدام طرق أخرى لتعيين لون الخط.
من المهم ملاحظة أن الاستخدام
من سمة اللون
هو إهمال وغير مستحسن. فمن المستحسن استخدام كس لتغيير نمط ولون النص. يمكنك معرفة كيفية تغيير لون الخط باستخدام كس في القسم التالي.
تطبيق أنماط إضافية على النص
سيكون هذا النص مائلا.