Таблица соотношения сторон часто используемых шрифтов

Почему соотношение сторон шрифта имеет значение на веб-сайтах

Все шрифты имеют соотношение сторон (или значение). Значения аспекта шрифта рассчитываются путем деления x-высоты шрифта в нижнем регистре на размер шрифта. Если у вас есть это значение, вы можете использовать свойство стиля fontSizeAdjust в CSS3, чтобы указать значение аспекта предпочтительного шрифта, используемого для отображения вашего веб-сайта.

Когда ваш веб-сайт просматривается на компьютерах, у которых нет предпочитаемого вами шрифта, свойство fontSizeAdjust используется для выбора наилучшего размера шрифта для замещающего шрифта. Благодаря этому свойству страницы выглядят хорошо, а ваш тип разборчивым, даже если ваш шрифт первого выбора недоступен

О свойстве fontSizeAdjust

Использование свойства fontSizeAdjust дает вам некоторый контроль над заменой шрифта, когда это необходимо. Когда шрифт первого выбора недоступен, браузер использует второй указанный шрифт, что часто приводит к значительному изменению размера. На читаемость шрифта больше влияет размер строчных букв, чем размер заглавных букв. Когда браузер знает значение аспекта для предпочитаемого вами шрифта, он может лучше определить, какой размер использовать при отображении страницы шрифтом второго выбора.

Вот пример, который регулирует размер шрифта, используя соотношение сторон 0,58, которое является соотношением сторон для Verdana. Если Verdana недоступна на компьютере, браузер выбирает размер шрифта для замены, поэтому он имеет строчные буквы одинакового размера для лучшей читаемости.

На момент публикации только Mozilla Firefox полностью поддерживает свойство fontSizeAdjust.

Общие соотношения сторон шрифта

В этой таблице приведены расчеты соотношений сторон нескольких популярных семейств шрифтов.