تلعب الخطوط دورا مهما في تصميم الويب ، مما يؤثر على سهولة القراءة والإدراك البصري للمحتوى. يحتوي هتمل على العديد من أحجام الخطوط القياسية التي يمكن استخدامها لتحقيق مظهر الصفحة المطلوب.
واحدة من الطرق الرئيسية لتعيين حجم الخط في هتمل هو استخدام القيم المطلقة مثل بكسل أو نقاط. على سبيل المثال ، سيكون لحجم الخط 12 بكسل (12 بكسل) ارتفاع ثابت ، والذي يمكن أن يكون مفيدا لإنشاء شبكة صارمة والتحكم في مظهر المستند.
ومع ذلك ، عند استخدام القيم المطلقة ، ضع في اعتبارك أنها لا تستجيب لإعدادات المستخدم وقد تتسبب في مشاكل في إمكانية الوصول وسهولة القراءة. ولهذا السبب يوصى باستخدام القيم النسبية مثل النسب المئوية أو وحدات القياس النسبية ، مثل إم أو ريم.
تشير علامة إم إلى حجم خط العنصر الأصل ، بينما يشير ريم إلى حجم خط العنصر الجذر ، أي هتمل أو الجسم. باستخدام هذه القيم ، يمكنك بسهولة إنشاء خطوط يتم قياسها وفقا للتغيرات في حجم الشاشة أو إعدادات المستخدم.
بالإضافة إلى القيم الأساسية ، هناك أيضا كلمات رئيسية نسبية مثل الصغيرة والمتوسطة والكبيرة ، والتي يمكن استخدامها لتعيين أحجام الخطوط بناء على أهميتها النسبية. على سبيل المثال ، سيكون الحجم الصغير أصغر من الحجم المتوسط ، وسيكون الحجم الكبير أكبر من المعتاد.
باستخدام القيم الصحيحة ومجموعات حجم الخط ، يمكنك بسهولة إنشاء صفحات ويب جمالية وسهلة الاستخدام.
قيم حجم الخط القياسية في هتمل
هناك العديد من أحجام الخطوط القياسية في هتمل التي يمكن استخدامها لتصميم النص على صفحات الويب. يتم تعريف هذه القيم بوحدات القياس مثل وحدات البكسل (بكسل) والنسب المئوية ( ٪ ) والكلمات الرئيسية مثل "صغير" و "متوسط" و "كبير".
- حجم الخط بالبكسل: إحدى الطرق الأكثر شيوعا لتعيين حجم الخط هي استخدام قيمة بالبكسل. على سبيل المثال ، تشير القيمة "12 بكسل" إلى أن حجم الخط هو 12 بكسل. يمكن تعيين هذه القيمة إما لعنصر معين أو للمستند بأكمله.
- حجم الخط كنسبة مئوية: هناك طريقة أخرى لتعيين حجم الخط وهي استخدام قيمة النسبة المئوية. على سبيل المثال ، تشير القيمة "100 ٪" إلى أن حجم الخط هو 100 ٪ من الحجم الأساسي (وهو 16 بكسل افتراضيا). تعني قيمة" 200 ٪ " أن حجم الخط أكبر بمرتين من الحجم الأساسي.
- الكلمات الرئيسية: الكلمات الرئيسية متوفرة أيضا في أتش تي أم أل لتعيين حجم الخط. على سبيل المثال ، تحدد القيمة "صغير" حجم خط صغير ، و "متوسط" يحدد حجما متوسطا ، و "كبير— يحدد حجما كبيرا. قد تختلف الأحجام المحددة بواسطة الكلمات الرئيسية قليلا بين المتصفحات والأجهزة.
عند استخدام أحجام الخطوط في هتمل ، يجب أن يؤخذ السياق والغرض من الاستخدام في الاعتبار. على سبيل المثال ، بالنسبة للنص الرئيسي ، يوصى باستخدام حجم الخط بالبكسل أو النسب المئوية لضمان توحيد المظهر على الأجهزة المختلفة. في الوقت نفسه ، يمكنك استخدام الكلمات الرئيسية لتمييز العناوين أو العناصر المهمة الأخرى.
قيم حجم الخط المطلق
يتم تحديد أحجام الخطوط المطلقة في هتمل باستخدام النقاط (بت) أو بكسل (بكسل). تسمح لك بتعيين حجم خط معين لا يعتمد على إعدادات المستخدم أو السياق.
يوصى باستخدام قيم حجم الخط المطلقة بحذر ، لأنها قد تكون غير ملائمة للمستخدمين الذين يعانون من ضعف البصر أو الإعدادات البيئية.
أمثلة على قيم حجم الخط المطلق:
| المعنى | الوصف |
|---|---|
| 10 | حجم الخط هو 10 نقاط. |
| 12 بكسل | حجم الخط 12 بكسل. |
| 16 | حجم الخط هو 16 نقطة. |
| 24 بكسل | حجم الخط 24 بكسل. |
يمكن أن يكون تحديد حجم الخط باستخدام القيم المطلقة مفيدا لإنشاء تخطيطات محددة بدقة أو أغراض تصميم متخصصة. ومع ذلك ، في معظم الحالات ، يوصى باستخدام القيم النسبية التي تتكيف بشكل أفضل مع الأجهزة المختلفة وإعدادات المستخدم.