Все шрифты имеют соотношение сторон (или значение). Значение аспектности шрифта вычисляется путем деления строчной x-высоты шрифта на размер шрифта. Когда у вас есть это значение, вы можете использовать свойство styleSizeAdjust style в CSS3, чтобы указать значение аспекта предпочтительного шрифта, используемого для отображения вашего веб-сайта.
Когда ваш сайт просматривается на компьютерах, у которых нет предпочтительного шрифта, свойство fontSizeAdjust используется для выбора лучшего размера шрифта для заменяемого шрифта.
Это свойство позволяет вашим страницам выглядеть хорошо, а ваш тип разборчиво, даже если ваш первый шрифт выбора недоступен.
О собственности fontSizeAdjust
Использование свойства fontSizeAdjust дает вам некоторый контроль над заменой шрифта, когда это необходимо. Когда шрифт первого выбора недоступен, браузер использует второй указанный шрифт, что часто приводит к большому изменению размера. На читаемость шрифта больше влияет размер строчных букв, чем размер заглавных букв. Когда браузер знает значение аспекта для вашего предпочтительного шрифта, он может лучше понять, какой размер использовать при отображении страницы в шрифте второго выбора.
Вот пример, который регулирует размер шрифта, используя соотношение сторон 0,58, что является соотношением сторон для Verdana. Если Verdana недоступен на компьютере, браузер меняет шрифт замены, поэтому он имеет похожие строчные буквы для лучшей удобочитаемости.
document.getElementById ("myP"). style.fontSizeAdjust = "0.58";
Примечание. Начиная с публикации, только Mozilla Firefox полностью поддерживает свойство fontSizeAdjust.
Общие пропорции
В этой таблице показаны расчеты соотношения сторон нескольких популярных семейств шрифтов.
| Шрифт | Соотношение сторон |
|---|---|
| Arial | 0.52 |
| Avant Garde | 0.45 |
| литератор | 0.40 |
| Calibri | 0.47 |
| Учебный столетий | 0.48 |
| кохинхинка | 0.41 |
| Comic Sans | 0.53 |
| курьер | 0.43 |
| Новый Курьер | 0.42 |
| Garamond | 0.38 |
| Грузия | 0.48 |
| Helvetica | 0.52 |
| Palatino | 0.42 |
| Tahoma | 0.55 |
| Times New Roman | 0.45 |
| Требушет | 0.52 |
| Verdana | 0.58 |
