يعد استخدام الخطوط الصحيحة في تصميم الويب ذا أهمية كبيرة لإنشاء مظهر فريد وجذاب لموقعك. في هذه المقالة ، سنخبرك بكيفية إضافة خطوط إلى كس بشكل صحيح لإنشاء تصميمات أصلية وممتعة من الناحية الجمالية.
الخطوة الأولى هي اختيار الخط المناسب. يمكنك اختيار خط من مجموعات مجانية مثل خطوط جوجل أو خطوط أدوبي. بعد تحديده ، تحتاج إلى توصيل الخط بموقع الويب الخاص بك.
الخطوة الثانية هي تحميل ملفات الخطوط إلى الخادم الخاص بك. قم بتنزيل جميع الملفات الضرورية بالتنسيق.ووف أو .ووف 2 وحفظها في دليل منفصل على الخادم الخاص بك.
بعد ذلك ، تحتاج إلى إضافة قاعدة @الخط الوجه إلى ملف كس الخاص بك. في هذه القاعدة ، يجب عليك تحديد المسار إلى ملفات الخطوط التي تم تنزيلها ، وكذلك تحديد اسم الخط المراد استخدامه على موقعك. لا تنس تحديد خيارات خطوط مختلفة ، مثل الخط الغامق والمائل ، إذا كانت متوفرة.
- كيفية إضافة الخطوط إلى كس
- لماذا الخطوط مهمة لتصميم الويب
- اختيار الخط المناسب
كيفية إضافة الخطوط إلى كس
إضافة الخطوط إلى كس يمكن أن تسمح لك لخلق تصاميم فريدة وجذابة لمواقع الويب الخاصة بك. في هذا القسم ، ونحن سوف اقول لكم عن عدة طرق لإضافة الخطوط إلى ملف كس.
1. استخدام الخطوط المضمنة
. تتضمن بعض الخطوط المضمنة الشائعة أريال, تايمز نيو رومانو و فيردانا. مثال على استخدام خط مضمن:
ص {
الخط الأسرة: أريال ، بلا الرقيق;
- }
- 2. باستخدام خطوط جوجل
- حدد الخط المطلوب بالنقر فوقه
انقر فوق الزر "تحديد الأنماط"
إضافة خاصية كس
الخط الأسرة
@استيراد رابط ('https://fonts.googleapis.com/css2?family=Roboto:wght@400; 700 & عرض = مبادلة');ص {
الخط الأسرة: 'روبوتو' ، بلا الرقيق;
}
3. استخدام الخطوط المحلية
يمكنك أيضا استخدام الخطوط المحلية المخزنة على خادم موقع الويب الخاص بك. للقيام بذلك ، سيكون لديك لتحميل ملف الخط إلى الخادم وتحديد المسار إليه في كس
الملكية
. مثال على استخدام خط محلي:
- @الخط الوجه {
- الخط الأسرة: 'كوستومفونت';
- سرك: ورل('فيل_باث/الخط.');
}