يلعب الخط دورا مهما في التصميم المرئي لصفحة الويب. يحدد مظهر المحتوى ويؤثر على إدراك المعلومات. قد يكون من الضروري تقليل حجم الخط لتحسين إمكانية القراءة أو توفير مساحة على الصفحة. في هذه المقالة ، سنلقي نظرة على طريقة بسيطة لتقليل حجم الخط.
لتقليل حجم الخط ، يمكنك استخدام خاصية حجم الخط في كس. ومع ذلك ، فإن تقليل الحجم ببساطة يمكن أن يؤدي إلى تدهور في سهولة قراءة النص. لذلك ، يوصى باستخدام وحدات القياس النسبية ، مثل النسب المئوية أو م.
على سبيل المثال ، لتقليل الخط بنسبة 20 ٪ ، يمكنك استخدام رمز كس التالي:
ص {
حجم الخط: 80%;
}
وبالتالي ، سيتم تقليل حجم الخط داخل جميع الفقرات بنسبة 20٪. يمكنك تجربة قيم مختلفة واختيار حجم الخط الأمثل لصفحة الويب الخاصة بك.
- كيفية جعل الخط أصغر في بضع خطوات
- استخدم خاصية حجم الخط المغلق
- قم بتطبيق الإدخال المختصر لتعيين حجم الخط
- حدد وحدات القياس المناسبة
- الحد من حجم الخط للأجهزة المختلفة
كيفية جعل الخط أصغر في بضع خطوات
في بعض الأحيان قد تحتاج إلى تقليل حجم الخط على صفحة ويب. يمكن أن يكون هذا مفيدا إذا كنت تريد أن يشغل النص مساحة أقل أو يبدو أكثر إحكاما. فيما يلي بعض الخطوات البسيطة التي ستسمح لك بتقليل حجم الخط بسهولة على صفحة الويب:
استخدام خصائص كس القياسية.
).
استخدم وحدات القياس.
).
استخدم الأنماط المضمنة.
).
باتباع هذه الخطوات البسيطة ، يمكنك بسهولة تقليل حجم الخط على صفحة الويب. تذكر أن حجم الخط يمكن أن يؤثر على قابلية القراءة والإدراك البصري للنص ، لذلك لا تنس اختيار الحجم المناسب حسب السياق.
استخدم خاصية حجم الخط المغلق
. تتيح لك هذه الخاصية تعيين حجم الخط بوحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية (م).
على سبيل المثال ، إذا كنت ترغب في تعيين حجم الخط إلى 14 بكسل ، يمكنك استخدام رمز كس التالي:
- إنشاء ملف نمط جديد أو إضافة هذا الرمز إلى ملف كس موجود:
- ص {
الآن سيكون لجميع الفقرات في المستند حجم خط 14 بكسل.
يمكنك أيضا استخدام الوحدات النسبية لتعيين حجم الخط. على سبيل المثال ، إذا كنت ترغب في تعيين حجم الخط إلى 80٪ من حجم الخط الأساسي ، يمكنك استخدام رمز كس التالي:
حجم الخط: 80%;
}
| الآن سيكون لجميع الفقرات حجم خط 80 ٪ من الحجم الأساسي. |
باستخدام خصائص المغلق | حجم الخط |
هي طريقة سهلة وفعالة لتقليل حجم الخط في مستند هتمل الخاص بك. | قم بتطبيق الإدخال المختصر لتعيين حجم الخط |
في هتمل ، فمن الممكن استخدام إدخال مختصر لتعيين حجم الخط. يتيح لك ذلك تعيين حجم خط المحتوى في رمز قصير واحد.
يتم استخدام سمة النمط لهذا
. يجب عليك تحديد الخاصية
| حجم الخط | وقيمته. يمكن تعيين القيمة بالبكسل أو النسب المئوية أو وحدات القياس الأخرى المقبولة. |
|---|---|
| أمثلة: | المعنى |
| الوصف | حجم الخط: 12 بكسل; |
| يحدد حجم الخط إلى 12 بكسل. | حجم الخط: 80%; |
| تعيين حجم الخط إلى 80٪ من حجم العنصر الأصل. | حجم الخط: 1.5 م; |
اضبط حجم الخط على 1.5 ضعف حجم الخط الأساسي للصفحة.
وبالتالي ، يتيح لك استخدام إدخال مختصر تعيين حجم الخط المطلوب للمحتوى في صفحة الويب بسرعة وسهولة.
حدد وحدات القياس المناسبة
عند تقليل حجم الخط في شفرة هتمل ، يجب عليك اختيار وحدة القياس المناسبة بحيث يظل النص قابلا للقراءة وسهل القراءة.
م
هي وحدة قياس نسبية تعتمد على حجم خط العنصر في السياق. تتوافق القيمة 1 م مع حجم الخط الحالي للعنصر الأصل. على سبيل المثال ، ستزيد قيمة 1.5 م حجم الخط بنسبة 50 ٪ بالنسبة للعنصر الأصل.
ريم
حجم خط الريم هو أيضا وحدة قياس نسبية ويعتمد على حجم خط عنصر الجذر. تتوافق قيمة 1 ريم مع حجم الخط الحالي لعنصر الجذر (عادة ). على سبيل المثال ، ستزيد قيمة 1.2 ريم حجم الخط بنسبة 20 ٪ بالنسبة لحجم الجذر.