تغيير حجم الخط هو واحد من السمات الرئيسية ل هتمل ، والذي يسمح لك لخلق تصميم فريد من صفحات الويب. يعد الاختيار الصحيح لحجم الخط عنصرا مهما في التصميم يؤثر على راحة قراءة المحتوى وتصور المستخدم للمعلومات.
لضبط حجم الخط في هتمل ، يتم استخدام علامات وسمات خاصة تسمح لك بتعيين قيم الحجم المطلق والنسبي. ستجد في المقالة نصائح وإرشادات مفيدة ستساعدك على معرفة هذه المشكلة وتطبيق حجم الخط الصحيح لمشروعك.
قيم حجم الخط المطلق
قيم حجم الخط المطلق (على سبيل المثال ، "10 بكسل" أو "12 نقطة") إصلاح الحجم بغض النظر عن حجم شاشة المستخدم أو المتصفح. إنها تسمح لك بتحديد حجم الخط بدقة ، ومع ذلك ، يمكن أن تؤدي إلى مشاكل في سهولة القراءة على الأجهزة المختلفة والقيود المرئية للمستخدمين.
لتعيين حجم الخط المطلق في هتمل ، يتم استخدام السمة" نمط "في تركيبة مع خاصية كس"حجم الخط". على سبيل المثال:
- أساسيات تحديد حجم الخط في هتمل
- ف ، سبان وشعبة العلامات
- سمة النمط
- ملف كس الخارجي
- لماذا حجم الخط مهم
- كيفية تغيير حجم الخط باستخدام هتمل
أساسيات تحديد حجم الخط في هتمل
و
) أو م.
على سبيل المثال:
هذا نص بحجم خط 16 بكسل.
هذا نص بحجم خط 14 بكسل.
هذا نص بحجم خط 18 بكسل.
طريقة أخرى لتعيين حجم الخط هي استخدام
سمة النمط
داخل علامة فتح العنصر. في هذه الحالة ، يتم تطبيق الأنماط على هذا العنصر فقط.
على سبيل المثال:هذا نص بحجم خط 16 بكسل.
هذا نص بحجم خط 14 بكسل.
ملف كس الخارجي
وتوصيله إلى صفحة هتمل باستخدام علامة
.على سبيل المثال ، خارجي
/ * أسلوب.المغلق */ص {
حجم الخط: 16 بكسل;
}
سبان {
حجم الخط: 14 بكسل;
}
شعبة {
حجم الخط: 18 بكسل;
- وسوف تبدو صفحة هتمل مثل هذا:
هذه ليست سوى أساسيات تحديد حجم الخط في هتمل. باستخدام هذه الطرق ، يمكنك تحقيق المظهر المطلوب وتحسين إمكانية قراءة النص على صفحة الويب الخاصة بك.
- يلعب حجم الخط دورا مهما في التصميم المرئي للنص على صفحة الويب. إنه يؤثر على سهولة قراءة المحتوى ويمكن أن يؤثر بشكل كبير على الانطباع الذي تتركه الصفحة على الزائر.
- يمكن أن يتسبب حجم الخط الكبير جدا أيضا في حدوث مشكلات. يمكن أن يسبب إزعاجا عند القراءة ويشغل مساحة كبيرة على الصفحة. بالإضافة إلى ذلك ، قد يبدو النص الكبير جدا غير متناسب ويجذب الكثير من الاهتمام ، والذي بدوره قد يصرف الزائر عن المحتوى الرئيسي للصفحة.
كيفية تغيير حجم الخط باستخدام هتمل
- باستخدام
- داخل علامة
استخدام خصائص النمط
حجم الخط
- داخل العلامة
النص
- النص
- تعيين حجم الخط إلى 1 م (حجم الخط النسبي)