في تطوير الويب ، يعد النص أحد العناصر الرئيسية. يجب أن يكون محتوى الموقع قابلا للقراءة ومتاحا للمستخدمين من جميع الأعمار ومستويات الرؤية. تتمثل إحدى طرق جعل النص أكثر قابلية للقراءة في زيادة خطه. في هذه المقالة ، سوف ننظر في بعض الطرق البسيطة لزيادة حجم الخط في هتمل.
الطريقة الأولى هي استخدام سمة "النمط" مع خاصية كس "حجم الخط". على سبيل المثال ، لزيادة الخط إلى 20 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
سيكون هذا النص رائعا
الطريقة الثانية هي استخدام والعلامات. تسمح لك العلامة بتطبيق الأنماط فقط على جزء معين من النص. على سبيل المثال ، لزيادة الخط داخل فقرة إلى 18 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
سيكون هذا النص رائعا
الطريقة الثالثة هي استخدام وحدات القياس" إم "أو"ريم". تحدد وحدة " إم "حجم الخط بالنسبة لحجم خط العنصر الأصل ، وتحدد وحدة" ريم " حجم خط العنصر الجذر (عادة عنصر). على سبيل المثال ، لزيادة الخط داخل فقرة إلى 1.2 مرة ، يمكنك استخدام التعليمات البرمجية التالية:
سيكون هذا النص بخط مكبر
في الختام ، يمكن تنفيذ تكبير الخط في هتمل بعدة طرق بسيطة. كل ما عليك القيام به هو اختيار واحد الأكثر ملاءمة وتطبيقه في المشاريع الخاصة بك. تذكر أن النص المقروء هو أحد العوامل المهمة لنجاح موقع الويب.
- الخط في هتمل: طرق مختلفة لزيادة الحجم
- باستخدام سمة" النمط " داخل العلامة
- تطبيق خصائص كس "حجم الخط" و "ارتفاع الخط"
- استخدام وحدات القياس النسبية
- تغيير الحجم باستخدام الطبقات
- تكبير الخط باستخدام جافا سكريبت
الخط في هتمل: طرق مختلفة لزيادة الحجم
في هتمل ، هناك عدة طرق مختلفة لزيادة حجم الخط في النص. كل واحد منهم له خصائصه الخاصة ويستخدم في حالات مختلفة.
1. المغلق المضمنة
، حيث س هو حجم الخط المطلوب بالبكسل.
مثال:
النص
2. كس الخارجية
لتكبير الخط.
مثال:.نص كبير {
3. الوسم
العلامة مع
مثال:
النص
4. م و ريم وحدات القياس
يمكن استخدام وحدات القياس النسبية ، مثل إم أو ريم ، للتحكم في حجم الخط بشكل أكثر مرونة. تتوافق القيمة 1 م مع حجم الخط الحالي ، ويتوافق 1 م مع حجم الخط الأساسي للمستند. يتيح لك ذلك إنشاء أنماط قابلة للتغيير قابلة للتكيف بسهولة مع أحجام الشاشة المختلفة.
مثال:.نص كبير {
حجم الخط: 2 م;
باستخدام سمة" النمط " داخل العلامة
لتكبير الخط في هتمل ، يمكنك استخدام السمة "نمط" داخل العلامة. تسمح لك سمة" النمط " بتعيين أنماط مختلفة لعنصر ما ، بما في ذلك حجم الخط.
مثال على استخدام سمة "النمط" لتكبير الخط:
كود أتش تي أم أل
النتيجة
| نص بخط مكبر. | نص بخط مكبر. |
|---|---|
في المثال أعلاه ، تقوم سمة" النمط " بتعيين حجم الخط إلى 20 بكسل للعنصر | . سيتم عرض النتيجة في المتصفح بخط موسع. |
يمكنك أيضا استخدام سمة" النمط " مع أنماط أخرى ، على سبيل المثال ، لتغيير لون النص أو تعيين خط غامق. ومع ذلك ، ضع في اعتبارك أن استخدام سمة "النمط" داخل العلامة ليس الأسلوب الموصى به لتصميم صفحة ويب. فمن المستحسن استخدام أوراق الأنماط الخارجية (كس) لتعيين أنماط العنصر.