يلعب حجم الخط دورا مهما في تصميم مواقع الويب والإدراك البصري للمعلومات من قبل المستخدم. يمكنك استخدامه لتمييز العناصر الرئيسية ، أو جعل النص أكثر قابلية للقراءة ، أو ، على العكس من ذلك ، إنشاء تأثير لجذب الانتباه.
هذا يسمح لك بتعيين حجم الخط. ومع ذلك ، تعتبر هذه العلامة قديمة ويوصى باستخدام طرق بديلة لتغيير حجم الخط بناء على أوراق الأنماط المتتالية (كس).
.
مثال على استخدام كس لتعيين حجم الخط:
}
). يتيح ذلك للمتصفح مراعاة إعدادات المستخدم الفردية وقياس النص وفقا لتفضيلات المستخدم.
- ما هي العلامة لتحديد حجم الخط?
- تغيير حجم الخط في هتمل
- سمات العلامة الأساسية لحجم الخط
- كيف يمكنني تعيين حجم الخط في أتش تي أم أل بشكل صحيح?
- المشاكل المحتملة عند تعيين حجم الخط
ما هي العلامة لتحديد حجم الخط?
. تحدد قيمة هذه السمة حجم النص.
يمكن تعيينه كرقم من 1 إلى 7 ، حيث يشير 1 إلى أصغر حجم خط و 7 يشير إلى الأكبر. ومع ذلك ، فإن هذا النهج ، حيث يتم تحديد حجم الخط برقم ، يعتبر قديما ولا ينصح باستخدامه في التطوير الحديث.
يستخدم أقل في كثير من الأحيان وأنه من الأفضل استخدام كس بدلا من ذلك إلى نمط صفحة ويب.
| السمة | المعنى | الوصف |
|---|---|---|
| الحجم | من 1 إلى 7 | يحدد حجم الخط |
لتغيير حجم الخط:
هذا نص بحجم خط 3
في هذا المثال ، سيتم عرض النص بحجم الخط 3 ، والذي يتوافق مع متوسط حجم الخط.
حجم الخط 10 بكسل:
مثال
لتغيير حجم الخط باستخدام المغلق. للقيام بذلك ، تحتاج إلى تعيين قيمة للممتلكات
حجم الخط
حجم الخط 12 بكسل:
هناك طريقة أخرى لتغيير حجم الخط في هتمل وهي استخدام علامات الرأس
—
رأس المستوى الأول بحجم خط 24 بكسل:
رأس من المستوى الثاني بحجم خط 20 بكسل:
مثال
سمات العلامة الأساسية لحجم الخط
في هتمل ، فإنه يسمح لك لتعيين حجم الخط لنص معين على صفحة ويب. يحتوي على العديد من السمات التي تسمح لك بالتحكم في حجم النص.
- لتعيين حجم الخط:
- : يحدد حجم الخط. يمكن أن تكون قيمة السمة رقما من 1 إلى 7 ، حيث 1 هو أصغر حجم و 7 هو الأكبر.
- : يحدد اسم الخط. يمكن أن تكون قيمة السمة اسم خط معين ، مثل" أريال "أو" فيردانا " ، أو قائمة مفصولة بفواصل لأسماء الخطوط.
: يحدد لون النص. يمكن أن تكون قيمة السمة اسم لون (على سبيل المثال ، "أحمر") ، رمز لون مكون من 16 رقما (#فف0000) ، أو رمز لون رغب(رغب (255 ، 0 ، 0)).
سيكون لهذا النص حجم 5 وسيتم كتابته بخط أريال
هناك عدة طرق لتعيين حجم الخط في هتمل: باستخدام
| سمة النمط | أو ملف كس خارجي. دعونا نلقي نظرة فاحصة عليهم. | 1. باستخدام |
|---|---|---|
سمة النمط | | بناء الجملة |
مثال | | هو النمط= " حجم الخط: القيمة؛" |
النص
النص
2. باستخدام ملف كس خارجي:
.
مثال على نمط في ملف كس:
حجم الخط: 14 بكسل;
مثال على توصيل ملف كس بصفحة هتمل:
- ونتيجة لذلك ، فإن جميع الفقرات
- سيكون لديهم حجم الخط المحدد.
- باستخدام هذه الطرق ، يمكنك تعيين حجم الخط في هتمل.
- المشاكل المحتملة عند تعيين حجم الخط
- أثناء العمل مع العلامة لتعيين حجم الخط في هتمل ، قد تنشأ بعض المشاكل. وفيما يلي بعض منها:
مظهر غير متجانس - عند استخدام حجم خط محدد بشكل صريح ، يمكن تحقيق عرض مختلف على أجهزة ومنصات مختلفة. قد يتسبب هذا في أن يبدو النص أصغر مما كنت تقصد ، أو العكس ، كبيرا جدا.