يلعب الخط دورا مهما في تصميم النص وخلق الحالة المزاجية للمستند. قد ترغب في تغيير الخط على موقع الويب الخاص بك أو في مستند لمنحه مظهرا جديدا وتعزيز تأثير الرسالة. الخط المعدل بنجاح قادر على إحياء مزاج بائس واهتمام القراء.
ومع ذلك, اسمحوا لي أن ندخل في التفاصيل: كيف يمكنني تغيير الخط الموجود? في هذا البرنامج التعليمي خطوة بخطوة ، سنلقي نظرة على الطرق الأكثر شيوعا لتغيير الخط على مواقع الويب والمستندات. بغض النظر عما إذا كنت مطور ويب أو مصمما أو مجرد مؤلف هواة ، سيساعدك هذا الدليل على إضفاء الحيوية على مشاريعك.
قبل البدء ، من المهم أن تفهم أن تغيير الخط يمكن أن يؤثر على سهولة قراءة النص والجو العام للمستند. لذلك ، ضع في اعتبارك جمهورك المستهدف وسياق استخدام النص. اختر الخطوط التي تعمل على تحسين قابلية القراءة وتندمج بانسجام مع بعضها البعض.
الآن دعنا ننتقل إلى الخطوات المحددة لتغيير الخط الحالي. في هذا البرنامج التعليمي ، سنلقي نظرة على الطريقتين الأكثر شيوعا: استخدام خطوط الويب واستخدام خطوط النظام.
- خيارات لتغيير خط موجود
- اختيار خط جديد
- حجم الخط والمحاذاة
- اللون وغيرها من الآثار
- استخدام الخط على الموقع
خيارات لتغيير خط موجود
- في المغلق.
- في المغلق.
- في المغلق.
- في المغلق.
- في كس وتحديد اسم الخط المطلوب.
- في المغلق.
- في المغلق.
- في المغلق.
- في المغلق.
اختيار خط جديد
عندما تقرر تغيير خط موجود إلى خط جديد ، فأنت بحاجة أولا إلى تحديد الخط المناسب لمشروعك. من المهم أن تأخذ في الاعتبار الغرض من مشروعك وجمهوره والمزاج الذي تريد نقله مع الخط.
هناك عدد كبير من الخطوط المختلفة المتاحة لمطوري الويب. تتمثل إحدى طرق اختيار خط جديد في استخدام مواقع الويب التي تقدم خطوطا مجانية ومدفوعة للتنزيل. بعض هذه المواقع هي جوجل الخطوط ، أدوبي الخطوط ، الخط السنجاب.
في هذه المواقع ، يمكنك عرض الخطوط وأنماطها وفئاتها. يمكنك أيضا إدخال نص المعاينة ومعرفة كيف سيبدو الخط على موقع الويب الخاص بك.
في قواعد النمط. على سبيل المثال:
الجسم {الخط الأسرة: 'اسم الخط' ، بلا الرقيق;
}
هنا ، بدلا من" اسم الخط " ، أدخل اسم الخط الجديد الذي حددته. أيضا استبدال" بلا الرقيق " مع الخط البديل الذي سيتم استخدامه إذا كان الخط المحدد غير متوفر للمستخدم.
حجم الخط والمحاذاة
- في هتمل ، يمكنك تغيير حجم الخط باستخدام وحدات القياس النسبية أو المطلقة.
- لتعيين حجم الخط النسبي ، يمكنك استخدام القيم التالية:
- م-يحدد حجم يساوي حجم الخط الحالي;
على سبيل المثال ، لمضاعفة حجم الخط بالنسبة إلى الحجم الأساسي ، يمكنك استخدام القيمة
2 م
- .
- لتعيين حجم الخط المطلق ، يمكنك استخدام القيم التالية:
- بكسل-يحدد الحجم بالبكسل;
- حزب العمال-يحدد الحجم بالنقاط;
- مم-يحدد الحجم بالملليمتر;
على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل ، يمكنك استخدام القيمة
لمحاذاة النص ، يمكنك استخدام القيم التالية
- من سمة المحاذاة
- :
- محاذاة اليسار واليسار;
- مركز-مركز المحاذاة;
على سبيل المثال ، لمحاذاة النص في الوسط ، يمكنك إضافة سمة
محاذاة="مركز"
.
- اللون وغيرها من الآثار
- لون الخط: باستخدام خاصية كس" اللون " ، يمكنك اختيار أي لون للنص الخاص بك. على سبيل المثال ، لجعل النص أحمر ، يمكنك استخدام التعليمات البرمجية التالية:
- لون الخلفية: يمكنك أيضا إضافة لون الخلفية إلى النص الخاص بك باستخدام خاصية كس "لون الخلفية". على سبيل المثال:
- النص
النص
فإنه سيتم إضافة تسطير خطي واحد إلى النص الخاص بك.
استخدام الخط على الموقع
الخط الأسرة: أريال ، بلا الرقيق;
}
اللون: أحمر;
}
اللون: أزرق;
}