كيفية تحديد المسار إلى خط في كس: تعليمات مفصلة وأمثلة الاستخدام

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

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

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

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

1. المسار إلى الخط في كس: كيفية تحديد الدليل والرسوم البيانية
2. تعليمات لتحديد المسار إلى الخطوط في كس
3. أمثلة على استخدام مسارات الخطوط في كس

المسار إلى الخط في كس: كيفية تحديد الدليل والرسوم البيانية

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

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

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

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

ص {

الخط الأسرة: أريال ، بلا الرقيق;

}

2. الخطوط التي تم تنزيلها من خادم الويب:

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

سرك: ورل('الخطوط/روبوتو.ووف 2') شكل ('ووف 2'),

رابط ('الخطوط/روبوتو.وف') شكل ('وف');

}

ص {

الخط الأسرة: 'روبوتو' ، بلا الرقيق;

}

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

3. باستخدام خطوط جوجل:

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

فيما يلي مثال على استخدام خط مونتسيرات من خطوط جوجل:

@استيراد رابط ('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

ص {

الخط الأسرة: 'مونتسيرات' ، بلا الرقيق;

}

1. في هذا المثال ، نقوم بتوصيل خط مونتسيرات باستخدام قاعدة استيراد@. ثم نطبقه على عنصر ف باستخدام خاصية عائلة الخط.

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

   تعليمات لتحديد المسار إلى الخطوط في كس

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

   خطوط النظام:

   الخط الأسرة: أريال ، بلا الرقيق;

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

الخطوط الخارجية:

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

المسار إلى الخط المحلي: