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