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