جدول نسبة الارتفاع للخطوط المستخدمة بشكل عام

لماذا خط أبعاد نسبة المسائل في المواقع

جميع الخطوط لديها نسبة العرض إلى الارتفاع (أو القيمة). يتم حساب قيم جوانب الخط بقسمة x-height للحرف الصغيرة على حجم الخط. عندما يكون لديك هذه القيمة ، يمكنك استخدام الخاصية styleSizeAdjust النمط في CSS3 لتحديد قيمة الجانب للخط المفضل المستخدم لعرض موقع الويب الخاص بك.

عندما يتم عرض موقع الويب الخاص بك على أجهزة الكمبيوتر التي لا تحتوي على الخط المفضل لديك ، يتم استخدام الخاصية fontSizeAdjust لتحديد أفضل حجم الخط الخاص بخط الاستبدال.

هذه الخاصية تحافظ على صفحاتك تبدو جيدة ونوعك مقروء حتى إذا كان خط الاختيار الأول غير متوفر.

حول fontSizeAdjust Property

يمنحك استخدام الخاصية fontSizeAdjust بعض التحكم في استبدال الخط عند الضرورة. عندما لا يكون خط الاختيار الأول متاحًا ، يستخدم المتصفح الخط المحدد الثاني ، والذي يؤدي غالبًا إلى تغيير كبير في الحجم. تتأثر قابلية قراءة الخط أكثر بحجم الأحرف الصغيرة من حجم الأحرف الكبيرة. عندما يعرف المستعرض قيمة الجانب لخطك المفضل ، يمكنه معرفة الحجم الذي يجب استخدامه عند عرض الصفحة في خط الاختيار الثاني.

في ما يلي مثال يضبط حجم الخط باستخدام نسبة العرض إلى الارتفاع 0.58 ، وهي نسبة العرض إلى الارتفاع في Verdana. إذا لم يكن Verdana متاحًا على جهاز كمبيوتر ، فسيقوم المستعرض بتحجيم الخط البديل بحيث يحتوي على أحرف صغيرة متشابهة الحجم للحصول على أفضل وضوح.

document.getElementById ("myP"). style.fontSizeAdjust = "0.58"؛

ملاحظة: اعتبارًا من الإصدار ، يدعم Mozilla Firefox بشكل كامل خاصية fontSizeAdjust.

نسب الخط العام المشترك

يعرض هذا الجدول الحسابات لنسب العرض إلى الارتفاع للعديد من عائلات الخطوط الشائعة.

الخط	ابعاد متزنة
اريال	0.52
أفانت غارد	0.45
بوكمان	0.40
Calibri	0.47
كتاب مدرسي القرن	0.48
كوشين	0.41
بلا هزلية	0.53
التوصيل	0.43
ساعي جديد	0.42
Garamond	0.38
جورجيا	0.48
هلفتيكا	0.52
بالاتينو	0.42
نوع تهامه	0.55
تايمز نيو رومان	0.45
المنجنيق	0.52
فيردانا	0.58