يعد استخدام أحجام خطوط مختلفة جانبا مهما في أي تصميم لموقع الويب. ولكن في بعض الأحيان تكون هناك حاجة لتقليل حجم الخط لجعل النص أكثر قابلية للقراءة أو لوضع مزيد من المعلومات على صفحة واحدة. في هذه المقالة ، سننظر في خمس طرق مختلفة لتقليل حجم الخط في هتمل.
1. استخدام وحدات القياس النسبية
بدلا من استخدام وحدات القياس المطلقة مثل وحدات البكسل أو النقاط ، يجب استخدام وحدات القياس النسبية مثل النسب المئوية أو م. على سبيل المثال ، بدلا من تعيين حجم الخط بالبكسل (على سبيل المثال ، حجم الخط: 14 بكسل) ، يمكنك استخدام النسب المئوية أو م (على سبيل المثال ، حجم الخط: 80 ٪ أو حجم الخط: 0.8 م). سيسمح هذا للنص بالتوسع وفقا لإعدادات المستخدم.
2. باستخدام فئات كس
يمكن استخدام فئات كس لتقليل حجم الخط في أجزاء معينة من الصفحة. إنشاء فئة مع خاصية حجم الخط ، حيث يتم تحديد حجم الخط المطلوب. ثم قم بتطبيق هذه الفئة على العناصر المطلوبة باستخدام سمة الفئة. على سبيل المثال:
هذه فقرة ذات خط مخفض.
3. استخدام سمات النمط
إذا كنت بحاجة إلى تقليل حجم الخط بسرعة دون إنشاء فئات كس إضافية ، يمكنك استخدام سمات النمط مباشرة في علامات هتمل. للقيام بذلك ، أضف سمة النمط مع خاصية حجم الخط إلى العلامة. على سبيل المثال:
4. باستخدام فئة زائفة: الطفل الأول
الفئة الزائفة :يستخدم الطفل الأول لتحديد العنصر الأول داخل العنصر الأصل. يمكن استخدامه لتقليل حجم الخط للعناصر الأولى من نوع معين. على سبيل المثال ، لتقليل حجم خط الفقرة الأولى ، استخدم رمز كس التالي:
ف: الطفل الأول {
حجم الخط: 12 بكسل;
}
5. باستخدام علامة نمط
إذا كنت ترغب في تقليل حجم الخط لجميع العناصر من نوع معين على الصفحة بأكملها ، يمكنك استخدام علامة نمط. داخل العلامة ، تحتاج إلى تحديد محدد العنصر وحجم الخط المطلوب. على سبيل المثال:
استخدم هذه الطرق الخمس لتقليل حجم الخط في هتمل وتحقيق التصميم المطلوب لموقع الويب الخاص بك.
5 طرق لتقليل حجم الخط في هتمل:
1. استخدم سمة النمط مع خاصية حجم الخط المغلق. على سبيل المثال ، لتعيين حجم الخط إلى 12 بكسل ، يمكنك إضافة التعليمات البرمجية التالية إلى العنصر:
سيتم عرض هذا النص بحجم خط 12 بكسل.
النص الذي يحتاج إلى تخفيض
نص خط صغير