يواجه كل مصمم أو مطور مسألة اختيار خط لمشروع الويب الخاص به. يمكن أن يؤدي الاستخدام الصحيح للخطوط إلى تحسين الانطباع المرئي للمستخدمين والمساعدة في نقل الرسالة المقصودة. من أجل تحقيق نمط موحد والحفاظ على اتساق النص في جميع أنحاء الصفحة ، من المهم تعيين خط سيتم تطبيقه على كل المحتوى.
يستخدم مطورو الويب كس (أوراق الأنماط المتتالية) لتعيين خط الصفحة بأكملها. كس يسمح لك لتعيين نمط ومظهر عناصر هتمل. بادئ ذي بدء ، تحتاج إلى اتخاذ قرار بشأن اختيار الخط. هناك العديد من الخطوط ، سواء كانت شائعة أو أقل شيوعا.
لتعيين خط للصفحة بأكملها ، تحتاج إلى تحديد اسمها وكتابة قاعدة في كس. يمكن العثور على اسم الخط من خلال انتمائه أو معرفه. يمكنك استخدام خصائص مثل "عائلة الخط" و "حجم الخط" لتعيين الخط. تحدد " عائلة الخط "اسم الخط ، ويحدد" حجم الخط " حجمه. على سبيل المثال ، لتعيين الخط أريال بحجم 14 بكسل ، يجب تحديد ما يلي:
الجسم {
الخط الأسرة: أريال ، بلا الرقيق;
حجم الخط: 14 بكسل;
}
من المثال أعلاه ، يمكن ملاحظة أنه سيتم تطبيق الخط الأريال على جميع العناصر ، وسيكون حجم الخط 14 بكسل. إذا كنت بحاجة إلى تعيين الخط لعنصر معين فقط ، على سبيل المثال ، العنوان ، فيمكنك تحديده بشكل منفصل:
نتيجة لتطبيق قاعدة كس ، سيختلف الخط المحدد للعنصر عن الخط المطبق على بقية النص على الصفحة. هذا يسمح لك لتسليط الضوء على العنوان وإعطائها اهتماما خاصا.
اختيار وتطبيق خط على الصفحة
يلعب الخط دورا مهما في تصميم صفحة الويب ، حيث يؤثر على إدراك النص وقابليته للقراءة. يمكن أن يؤدي اختيار الخط الصحيح إلى جعل المحتوى الخاص بك أكثر جاذبية وقابلية للقراءة ، ويمكن أن يؤدي اختيار الخط الخطأ إلى مغادرة المستخدمين لصفحتك.
يمكنك استخدام كس لتعيين الخط للصفحة بأكملها. للقيام بذلك ، تحتاج أولا إلى اختيار الخط المناسب الذي يتطابق مع المحتوى الخاص بك ويخلق الانطباع الصحيح على المستخدمين.
يعتمد اختيار الخط على موضوع الصفحة والغرض منها. هناك عدد كبير من الخطوط ، من الكلاسيكية إلى الحديثة ، من الزخرفية إلى أضيق الحدود. قد يكون الاختيار صعبا ، لذلك يوصى بالنظر في العديد من الخيارات واختيار الخيار الذي يناسب موضوعك ومحتواك.
بمجرد تحديد الخط المناسب ، يمكنك تعيينه للصفحة بأكملها باستخدام كس. للقيام بذلك ، يمكنك استخدام خاصية "عائلة الخط". على سبيل المثال ، إذا كنت ترغب في استخدام الخط أريال ، يمكنك إضافة التعليمات البرمجية كس التالية:
الجسم {
الخط الأسرة: أريال ، بلا الرقيق;
}
في هذا المثال ، وضعنا الخط" أريال "، وإذا لم يكن متوفرا على جهاز المستخدم ، سيتم استخدام الخط أكثر عمومية" بلا الرقيق". يضمن ذلك التوافق بين المتصفحات ويضمن عرض النص كما هو على جميع الأجهزة والمتصفحات.
إذا كنت تريد استخدام خطوط متعددة على الصفحة ، فيمكنك تحديدها مفصولة بفواصل. على سبيل المثال ، إذا كنت ترغب في استخدام الخطوط "أريال" و "تايمز نيو رومان" ، يمكنك إضافة رمز كس التالي: