يعد تصميم الويب ذا أهمية كبيرة للعرض المرئي للموقع ، وأحد عناصر التصميم الرئيسية هو الخط. يحدد الأحرف التي سيتم عرضها على الصفحة وكيف ستبدو. يلعب حجم الخط أيضا دورا مهما في سهولة قراءة وتصور معلومات الموقع.
.
يعد اختيار الخط مهما أيضا لإنشاء نمط فريد لموقعك على الويب. يمكنك استخدام خطوط مختلفة من خطوط الويب أو تحميل خط باستخدام كس. لإضافة خط معين ، يجب عليك أولا تحميله على الخادم ، ثم توصيله باستخدام كس.
لا تنس أن الأجهزة والمتصفحات المختلفة قد تحتوي على شاشات خطوط مختلفة. لذلك ، يوصى باستخدام وحدات القياس مثل وحدات البكسل أو وحدات الإيمو ، والتي لا تعتمد على جهاز المستخدم. يجدر أيضا التحقق من كيفية ظهور النص على الشاشات والأجهزة المختلفة للتأكد من أنه قابل للقراءة وجذاب بصريا.
إعداد حجم الخط الرئيسي
في هتمل ، يمكنك ضبط حجم الخط باستخدام علامة. يمكنك استخدام سمات الحجم والوجه لضبط الحجم والخط وفقا لذلك.
تأخذ سمة الحجم القيم من 1 إلى 7 ، حيث 1 هو أصغر خط و 7 هو الأكبر. على سبيل المثال ، لتعيين حجم الخط إلى 16 بكسل ، يمكنك استخدام القيمة 4:
النص
تسمح لك سمة الوجه بتعيين خط معين للنص. يمكنك تحديد اسم الخط في قيمة السمة. على سبيل المثال ، لاستخدام الخط أريال ، يمكنك استخدام التعليمات البرمجية التالية:
النص
ومع ذلك ، يعتبر استخدام العلامة قديما ولا ينصح به في تطوير مواقع الويب الحديثة. أفضل نهج هو استخدام كس لضبط حجم الخط.
باستخدام كس ، يمكنك ضبط حجم الخط لعنصر معين أو فئة من العناصر. على سبيل المثال ، لتعيين حجم خط 16 بكسل لجميع الفقرات على موقعك ، يمكنك استخدام قاعدة كس التالية:
ص {"حجم الخط: 16 بكسل؛"}
يمكنك أيضا استخدام وحدات القياس النسبية ، مثل إم أو ريم ، بحيث يتناسب حجم الخط مع حجم خط العنصر الأصلي أو العنصر الجذر ، على التوالي.
بناء على احتياجات موقعك وتفضيلات التصميم ، من المهم تجربة أحجام الخطوط واختيار أفضل ما يناسب المحتوى الخاص بك.
حجم الخط في المغلق
هناك عدة طرق لتعيين حجم الخط في كس.
1. وحدات القياس المطلقة:
| الوحدة | الوصف |
|---|---|
| من بكسل | يحدد حجم الخط بالبكسل. |
| حزب العمال | يحدد حجم الخط في النقاط (1 نقطة حوالي 1/72 بوصة). |
| سم | يحدد حجم الخط بالسنتيمتر. |
2. وحدات القياس النسبية:
| الوحدة | الوصف |
|---|---|
| من م | يتم توريث حجم الخط من العنصر الأصل. 1 م يساوي حجم خط العنصر الأصل. |
| ريم | ). 1ريم يساوي حجم خط عنصر الجذر. |
| % | يحدد حجم الخط كنسبة مئوية من حجم الخط الافتراضي. |
. أمثلة الاستخدام:
}