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