تعد الخطوط جزءا مهما من تصميم الويب. فهي لا تجعل النص أكثر قابلية للقراءة فحسب ، بل تخلق أيضا جوا وتنقل الحالة المزاجية لموقعك. ومع ذلك ، لكي يتم عرض الخطوط بشكل صحيح على جميع الأجهزة والمتصفحات ، تحتاج إلى اتباع بعض القواعد وتكوينها للعمل على موقعك.
الخطوة الأولى هي تحديد الخطوط المناسبة لموقعك. عند اختيار الخطوط ، ضع في اعتبارك إمكانية قراءتها وتوافقها مع الأجهزة والمتصفحات المختلفة. فمن المستحسن استخدام الخطوط من المكتبات المعروفة مثل جوجل الخطوط أو أدوبي الخطوط.
بعد تحديد الخطوط ، تحتاج إلى توصيلها على موقعك. للقيام بذلك ، سوف تحتاج إلى استخدام رمز كس. أضف الكود التالي إلى موقعك:
@استيراد رابط ('https://fonts.googleapis.com/css?family=Your+Font+Name');
بدلا من اسم + الخط + ، حدد اسم الخط الذي حددته. إذا كنت تريد استخدام خطوط متعددة ، فما عليك سوى إضافة أسطر إضافية من التعليمات البرمجية لكل خط.
بعد توصيل الخطوط ، يمكنك استخدامها على موقع الويب الخاص بك. للقيام بذلك ، قم بتطبيق خاصية عائلة الخط المغلق على العنصر المطلوب. على سبيل المثال:
استبدل اسم الخط الخاص بك باسم الخط الذي حددته. سيقوم رمز كس هذا بتطبيق الخط المحدد على رؤوس المستوى الأول على موقعك.
اختيار الخطوط المناسبة
عند اختيار الخطوط لموقعك ، ضع في اعتبارك العوامل التالية:
- سهولة القراءة: يجب أن يكون الخط سهل القراءة. يجب أن تحتوي على أحرف واضحة ومميزة ، بالإضافة إلى حجم مناسب وتباعد الأسطر.
- نمط: خطوط مختلفة تنقل أمزجة وأنماط مختلفة. اختر خطا يطابق جو موقعك وموضوع المحتوى الخاص بك.
- التوافق: تأكد من أن الخط الذي تختاره مدعوم بأنظمة تشغيل ومتصفحات مختلفة. استخدم خطوط الويب أو خطوط النظام الأكثر شيوعا لتقليل مخاطر عرض الخط بشكل مختلف عن المقصود.
- الاتساق: استخدم خطوطا متعددة على الموقع مع مراعاة توافقها ومجموعة جيدة من الأنماط. وهذا سوف يساعد على خلق نمط موحد والاعتراف موقعك.
قبل اتخاذ القرار ، يوصى باختبار الخطوط المختلفة ومجموعاتها على موقعك. سيسمح لك ذلك بتقييم مظهرها وقابليتها للقراءة في سياق المحتوى الخاص بك.
استخدام الخطوط القياسية
عند تطوير موقع ويب ، من المهم مراعاة أنه لن يتمكن جميع المستخدمين من الوصول إلى خطوط خاصة يمكنك استخدامها على موقعك. لذلك ، من الأفضل استخدام ما يسمى بالخطوط القياسية ، والتي تتوفر افتراضيا في جميع المتصفحات.
فيما يلي قائمة ببعض الخطوط القياسية:
- - هذا الخط هو معيار بلا الرقيق الخط ، مما يجعلها مثالية للقراءة على الشاشة. على سبيل المثال ، أريال هي واحدة من الخطوط بلا الرقيق الأكثر شعبية.
- - يحتوي هذا الخط على علامات رفيعة في نهايات الأحرف وغالبا ما يستخدم للمواد المطبوعة. على سبيل المثال ، تايمز نيو رومان هي واحدة من الخطوط الرقيق الأكثر شعبية.
- - هذا الخط له نفس العرض لكل حرف، مما يجعله مثاليا لعرض رمز النص. على سبيل المثال ، ساعي جديد هي واحدة من الخطوط أحادية الفضاء الأكثر شعبية.
. على سبيل المثال ، لاستخدام الخط بلا الرقيق ، يمكنك إضافة القاعدة التالية:
ص {
الخط الأسرة: أريال ، بلا الرقيق;