حجم الخط هو أحد الخصائص المهمة للنص ، والذي يحدد ارتفاعه وعرضه. يساعد تعيين حجم الخط الصحيح على جعل النص قابلا للقراءة وسهل القراءة. يتم قياس حجم الخط بالبكسل أو النقاط أو النسب المئوية.
يمكنك تحديد حجم الخط باستخدام كس (أوراق الأنماط المتتالية). يمكنك استخدام القيم النسبية أو المطلقة لهذا الغرض. القيم النسبية قم بتعيين حجم الخط بالنسبة لعنصر آخر ، مثل العنصر الأصل أو عنصر الحاوية. تحدد القيم المطلقة حجم خط معين بالبكسل أو النقاط.
يعد حجم الخط جانبا مهما من تصميم الويب ، لأنه يؤثر على سهولة القراءة والإدراك البصري للنص. يمكن أن يؤدي حجم الخط الصغير جدا إلى صعوبة قراءة النص ، خاصة للأشخاص الذين يعانون من ضعف البصر. يمكن أن يؤدي حجم الخط الكبير جدا إلى جعل النص ضخما وقبيحا.
عند تعيين حجم خط صفحة الويب ، يجب مراعاة عوامل مختلفة ، مثل نوع الخط ومقدار النص والتباين ولون الخلفية والغرض من صفحة الويب. الهدف هو إيجاد توازن بين سهولة القراءة والأسلوب المرئي الذي يتناسب مع التصميم العام.
- تحديد حجم الخط
- ما هو حجم الخط?
- قيمة حجم الخط
- وحدات حجم الخط
- بكسل (بكسل)
- النسب المئوية ( ٪ )
- م (م)
- كيف يمكنني اختيار حجم الخط الصحيح?
- نمط النص
تحديد حجم الخط
يمكن تحديد حجم الخط في هتمل باستخدام وحدات قياس مختلفة ، والتي تسمح لك بتعيين حجم النص المطلوب.
تتوفر الوحدات التالية من حجم الخط:
| وحدة القياس | الوصف |
|---|---|
| من بكسل | وحدات البكسل هي وحدة القياس الأكثر شيوعا لحجم الخط بالبكسل. |
| م | وحدة قياس نسبية تعتمد على حجم خط العنصر الأصل. |
| ريم | ). |
| % | النسبة المئوية هي حجم الخط النسبي بالنسبة للعنصر الأصل. |
. على سبيل المثال:
ح1 {
حجم الخط: 2 م;
}
ح2 {
حجم الخط: 150%;
}
في هذا المثال ، الفقرات (
) سيكون حجم الخط 16 بكسل ، عناوين المستوى الأول (
) سيكون ضعف حجم خط العنصر الأصل ، وعناوين المستوى الثاني (
) سيكون حجم الخط أكبر بنسبة 150٪ من العنصر الأصل.
يعتمد اختيار وحدة القياس وحجم الخط على تصميم صفحة الويب والغرض منها ، لذلك يوصى بتجربة واختيار أنسب مجموعة من الوحدات وقيم حجم الخط.
ما هو حجم الخط?
حجم الخط مهم لتحديد مظهر النص على صفحات الويب. يمكن استخدام حجم خط أكبر لتسليط الضوء على العناوين والعبارات المهمة ، بينما يمكن استخدام حجم خط أصغر لمزيد من النصوص المنفصلة أو للتعليقات. يمكن أن يؤثر حجم الخط أيضا على سهولة قراءة النص ، خاصة للمستخدمين ضعاف البصر.
- على سبيل المثال ، لتعيين حجم الخط في كود هتمل ، يمكنك استخدام علامة حجم الخط. قد يبدو بناء الجملة لهذه العلامة كما يلي:
- هذا نص بحجم خط 16 بكسل.
- هنا ، يتم تعيين حجم الخط بشكل صريح بالبكسل ، ولكن يمكن أيضا استخدام وحدات قياس أخرى.
- يتم تحديد حجم الخط في أتش تي أم أل بقيمة رقمية معبرا عنها بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو وحدات القياس الأخرى. يتم تحديد قيمة حجم الخط في سمة "حجم الخط" لعلامة "النمط" أو في خاصية كس المقابلة.
- من خلال تعيين حجم الخط ، يمكنك تحديد أبعاده المرئية على صفحة الويب. سيبدو حجم الخط الأكبر أكبر ، وسيبدو حجم الخط الأصغر أصغر. لاختيار حجم الخط المناسب لصفحة الويب الخاصة بك ، يجب مراعاة عوامل مختلفة مثل سهولة القراءة والتصميم وإدراك المستخدم.
من المهم معرفة أنه يمكن تحديد حجم الخط كقيمة مطلقة (على سبيل المثال ، 12 بكسل) أو من الناحية النسبية (على سبيل المثال ، 100٪). يظل حجم الخط المطلق ثابتا بغض النظر عن إعدادات المستخدم ، بينما يتم قياس حجم الخط النسبي وفقا لإعدادات المستخدم.
عادة ما يتم تحديد حجم الخط على صفحة الويب في النطاق من 10 بكسل إلى 24 بكسل ، ولكنه يعتمد على العديد من العوامل ، بما في ذلك نوع الخط والغرض من صفحة الويب الخاصة بك. يمكنك تحديد حجم الخط في ملف كس أو تضمينه في رمز هتمل للمستند الخاص بك.
وحدات حجم الخط
ريم (ريم): هذه وحدة قياس نسبية تحدد حجم الخط بالنسبة لحجم خط العنصر الجذر (عادة عنصر
من المهم اختيار وحدة القياس المناسبة ، اعتمادا على المهمة المحددة ومتطلبات التصميم ، لضمان الحفاظ على نسب الحجم عند القياس والقدرة على التكيف عبر الأجهزة.
في هتمل ، يمكن تعيين حجم الخط بالبكسل باستخدام السمة
نمط
والخصائص
حجم الخط
. على سبيل المثال:
يحتوي هذا النص على حجم خط 16 بكسل.
النص