جدول نسبت ابعاد فونت های معمول استفاده شده

چرا نسبت ابعاد فونت در وب سایت ها اهمیت دارد

تمام فونت ها دارای نسبت ابعاد (یا ارزش) هستند. مقادیر عددی قلم با تقسیم x-height کوچک فونت با اندازه فونت محاسبه می شود. هنگامی که شما این مقدار را دارید، می توانید از ویژگی fontSizeAdjust Style در CSS3 برای مشخص کردن مقدار جنبه فونت ترجیحی استفاده شده برای نمایش وب سایت خود استفاده کنید.

هنگامی که وبسایت شما در رایانه هایی دیده می شود که فونت مورد نظر شما را ندارند، از ویژگی fontSizeAdjust برای انتخاب بهترین اندازه فونت برای فونت جایگزینی استفاده می شود.

این ملک صفحات شما را به دنبال به خوبی نگاه می کند و نوع شما را قابل خواندن حتی اگر فونت انتخابی شما در دسترس نباشد.

درباره ویژگی fontSizeAdjust

با استفاده از خصوصیت fontSizeAdjust، هنگامی که لازم است، شما کنترل بیشتری روی جایگزینی فونت می گذارید. هنگامی که فونت اول انتخابی در دسترس نیست، مرورگر از فونت دوم مشخص شده استفاده می کند که اغلب باعث تغییر بزرگ در اندازه می شود. قابلیت خواندن فونت بیشتر از اندازه حروف کوچکتر از اندازه حروف بزرگ است. وقتی مرورگر مقدار مشخصی را برای فونت مورد نظر خود می داند، می تواند بهتر از اندازه صفحه نمایش در فونت دوم انتخابی استفاده کند.

در اینجا یک مثال است که اندازه فونت با استفاده از نسبت ابعاد 0.58، که نسبت ابعاد Verdana است، تنظیم می کند. اگر Verdana در کامپیوتر موجود نباشد، مرورگر فونت جایگزین را اندازه می گیرد، بنابراین برای حروف الفبا دارای حروف کوچک با اندازه های مشابه است.

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

توجه: از زمان انتشار، تنها Mozilla Firefox به طور کامل از ویژگی fontSizeAdjust پشتیبانی می کند.

نسبت عادی فونت فونت

این جدول محاسبات مربوط به نسبت ابعاد چند خانواده فونت محبوب را نشان می دهد.

فونت نسبت ابعاد
Arial 0.52
آوانگارد 0.45
کتابمن 0.40
کالیبری 0.47
کتاب مقدس قرن 0.48
کوچین 0.41
طنز 0.53
پیک 0.43
پیک جدید 0.42
گاراونم 0.38
جورجیا 0.48
Helvetica 0.52
پالتینو 0.42
طهما 0.55
بار جدید روم 0.45
Trebuchet 0.52
وردانا 0.58