الخط هو أحد أهم جوانب تطوير الويب والتصميم المرئي. يمكن أن يؤدي استخدام الخط الصحيح إلى زيادة إمكانية قراءة النص بشكل كبير وجذب انتباه الزوار.
هناك العديد من الخيارات في هتمل التي تسمح لك لتخصيص مظهر النص. الأول هو حجم الخط. يمكن تعيين حجم الخط باستخدام القيم المطلقة أو النسبية. عادة ما يتم تعيين القيم المطلقة بالبكسل أو النقاط ، ويتم تعيين القيم النسبية بالنسب المئوية أو وحدات القياس النسبية ، مثل إم أو ريم.
معلمة مهمة أخرى هي نمط الخط. يمكنك استخدام العلامة القوية لتحديد خط غامق أو علامة إم لخط مائل. بالإضافة إلى ذلك ، باستخدام العلامة القوية ، يمكنك تعزيز أهمية النص أو تمييز العبارات الرئيسية.
يمكنك أيضا تغيير لون ولون الخلفية للخط في هتمل باستخدام خيارات اللون ولون الخلفية ، على التوالي. يتيح لك ذلك إنشاء مجموعات مشرقة وجذابة تؤكد على الأهمية وسهلة القراءة.
أخيرا ، هناك خيارات أخرى لتنسيق الخط ، مثل زخرفة النص لإضافة شرطات سفلية أو نص يتوسطه خط ، وتحويل النص لتغيير حالة النص ، وتباعد الحروف لتعيين المسافة بين الأحرف. كل هذه الخيارات تسمح لك لخلق كتل النص فريدة وجذابة من شأنها أن تكون سهلة القراءة ومثيرة للاهتمام لزوار موقعك.
- وصف خيارات تنسيق الخط الرئيسية في هتمل
- معلمة حجم الخط: تحديد حجم الخط
- معلمة عائلة الخط: اختيار الخط للنص
وصف خيارات تنسيق الخط الرئيسية في هتمل
يوفر هتمل مجموعة واسعة من الخيارات لتنسيق النص والخط على صفحات الويب. فيما يلي المعلمات الرئيسية التي يمكن استخدامها عند تعيين أنماط الخطوط في هتمل.
سيتم تعيين لون الخط إلى اللون الأحمر للفقرة.
سيتم تعيين حجم خط 20 بكسل للفقرة.
تعيين الخط أريال للفقرة. إذا كان الخط أريال غير متوفر ، سيتم استخدام خط بلا الرقيق.
تعيين الخط الغامق للفقرة.
سيتم تعيين الخط المائل للفقرة.
باستخدام خيارات تنسيق الخط أعلاه ، يمكنك إنشاء تصميم فريد وتحسين إمكانية قراءة النص على صفحات الويب.
معلمة حجم الخط: تحديد حجم الخط
يستخدم لتحديد حجم النص في هتمل. يسمح لك بتحديد حجم الخط المطلوب لعنصر أو محتواه. يمكن تعيين قيمة المعلمة في وحدات قياس مختلفة ، مثل وحدات البكسل أو النسب المئوية أو الوحدات النسبية.
لتحديد حجم الخط بالبكسل ، يتم استخدام بناء الجملة التالي:
نص بحجم خط 16 بكسل
إذا كنت ترغب في تعيين حجم الخط كنسبة مئوية بالنسبة إلى حجم عنصر آخر ، على سبيل المثال ، بالنسبة إلى حجم العنصر الأصل ، يمكنك استخدام بناء الجملة التالي:
نص بحجم خط 110٪ من حجم العنصر الأصل
يمكنك أيضا تحديد حجم الخط باستخدام وحدات القياس النسبية مثل إم أو ريم. على سبيل المثال:
نص بحجم خط 1.5 م
يوضح الجدول أدناه قيم حجم الخط بالبكسل وما يعادلها التقريبي بوحدات إم:
| حجم الخط ، بكسل | حجم الخط ، م |
|---|---|
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 24 | 1.5 |
عند تعيين حجم الخط لعناصر هتمل ، ضع في اعتبارك إمكانية الوصول إلى النص وقراءته للمستخدمين. يوصى باستخدام أحجام الخطوط الموصى بها والتي تضمن قراءة مريحة للنص دون زيادة التحميل عليه أو جعله صغيرا جدا.
معلمة عائلة الخط: اختيار الخط للنص
في هتمل ، فمن الممكن لاختيار خطوط مختلفة لعرض النص على صفحات الويب. يتم استخدام معلمة عائلة الخط لهذا الغرض. تتيح لك هذه المعلمة تحديد خط واحد أو أكثر سيتم تطبيقه على النص الموجود على الصفحة. عندما يعرض المتصفح نصا ، فإنه ينظر إلى الخطوط المحددة بالترتيب الذي تم سرده ويستخدم أول واحد متاح.
لاستخدام معلمة عائلة الخط ، تحتاج إلى إضافته إلى نمط العنصر باستخدام كس. على سبيل المثال ، لتعيين الخط أريال لعنصر معين ، يكفي إضافة النمط التالي:
مثال:
نموذج النص