كيفية استخدام الخطوط المغلق المثبتة

الخطوط هي أحد العناصر الرئيسية لتصميم صفحة الويب. فهي ليست فقط وسيلة لنقل المعلومات ، ولكنها تسمح لك أيضا بإنشاء تأثيرات تؤكد على أسلوب الموقع ومزاجه. توفر خطوط كس المثبتة المزيد من الميزات والتحكم لمطوري الويب. في هذه المقالة ، سننظر في كيفية استخدام خطوط كس المثبتة ولماذا يمكن أن تكون مفيدة لمشروعك.

أولا ، دعونا نناقش ما هي الخطوط كس المثبتة. في كس ، يمكنك تحديد خيارات خطوط متعددة بترتيب معين. إذا فشل المتصفح في العثور على أول خط محدد ، فسيبحث عن الخط التالي في القائمة وما إلى ذلك. يتيح لك ذلك إنشاء تصميم أكثر مرونة وموثوقية يتم عرضه بشكل صحيح على الأجهزة وأنظمة التشغيل المختلفة.

لاستخدام خطوط كس المثبتة ، فإن الخطوة الأولى هي تحديد قائمة الخطوط بالتنسيق الصحيح. يتم ذلك عادة باستخدام خاصية عائلة الخط. يمكنك تحديد خط واحد أو عدة ، مفصولة بفواصل. سيحاول المتصفح استخدام الخط الأول في القائمة المثبتة على جهاز المستخدم. إذا لم يتم العثور على أي من الخطوط المحددة ، فسيستخدم المتصفح الخط الافتراضي تلقائيا.

على سبيل المثال ، يمكنك تعيين مثل هذه القائمة:

الخط الأسرة: أريال، "هلفتيكا نويه" ، هلفتيكا ، بلا الرقيق;

في هذه الحالة ، سيقوم المتصفح أولا بالبحث عن الخط أريال ، إذا لم يكن هناك ، ثم انتقل إلى "هلفتيكا نويه" وهلم جرا. إذا لم يتم العثور على أي من هذه الخطوط في النهاية ، سيتم استخدام الخط الافتراضي بلا الرقيق.

تثبيت الخطوط المغلق على موقع على شبكة الانترنت

لتثبيت الخطوط المغلق على موقع الويب الخاص بك:

بعد الانتهاء من هذه الخطوات ، سيتم عرض موقعك مع تثبيت خط كس. ضع في اعتبارك أنه يمكن تطبيق خطوط كس على عناصر مختلفة مثل العناوين والفقرات والقوائم والروابط وغيرها. لن يؤدي استخدام خط مناسب إلى تحسين إمكانية قراءة المحتوى على موقعك فحسب ، بل سيضيف أيضا تفردا وأسلوبا إلى تصميمك.

اختيار وتنزيل الخطوط

هناك عدة طرق لتحميل الخطوط إلى صفحة ويب:

1. الخطوط المضمنة:

.

2. الخطوط المثبتة على جهاز المستخدم:

يمكنك أيضا استخدام الخطوط المثبتة بالفعل على جهاز الكمبيوتر أو الجهاز الخاص بالمستخدم. ميزة هذه الطريقة هي أنك لن تعتمد على تنزيل الخطوط من الخادم وسيكون لديك أقصى قدر من التحكم في مظهر النص الخاص بك.

3. الخطوط الخارجية باستخدام @الخط الوجه:

إذا كنت بحاجة إلى الخطوط التي لا تتوفر على جهاز المستخدم ، يمكنك استخدام @الخط وجها لتحميل واستخدام الخط على موقع الويب الخاص بك. للقيام بذلك ، سوف تحتاج ملفات الخط في تروتايب (.تف) ، أوبن (.أوتف) أو تنسيق الخط المفتوح على شبكة الإنترنت (.وف) الأشكال.

حدد خطا جديدا باستخدام قاعدة @وجه الخط ، مع تحديد المسار إلى ملفات الخطوط:

@الخط الوجه {

الخط الأسرة: 'اسم الخط';

سرك: ورل('مسار/إلى/ملف.وف') شكل ('وف'),

رابط ('مسار / إلى / ال.ملف تف') شكل ('تروتايب'),

رابط ('مسار / إلى / ال.ملف أوتف') تنسيق ('أوبن');

}

للعناصر الضرورية.

ضع في اعتبارك أنه عند استخدام الخطوط الخارجية ، يجب عليك التأكد من تحميل ملفات الخطوط بشكل صحيح إلى الخادم الخاص بك وتحديد المسارات الصحيحة لها في قاعدة كس.