Свойства шрифта: font-size-adjust

font-size-adjust

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 44.0 3.0
Свойство
font-size-adjust — свойство которое подгоняет размер одного шрифта под размер другого
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
none | число | inherit
Значение по умолчанию
none
Правила записи
свойство: значение;
Примеры
font-size-adjust: none; Это значит что свойство не имеет никакого значения
font-size-adjust: 0.55;

<p style="font-size: 14px; font-family: Verdana;">Этот текст написан шрифтом Verdana</p>

<p style="font-size: 14px; font-family: Times;">Этот текст написан шрифтом Times</p>

Обратите внимание что при одинаковом размере шрифта 14px, текст написанный шрифтом Times визуально выглядит меньше чем текст написанный шрифтом Verdana, чтобы это исправить применяется свойство font-size-adjust. Теперь я укажу в разметке это свойство со значением 0.551:

<p style="font-size: 14px; font-family: Verdana;">Этот текст написан шрифтом Verdana</p>

<p style="font-size: 14px; font-family: Times; font-size-adjust: 0.55;">Этот текст написан шрифтом Times</p>

Теперь приведу результат без разметки, а затем прикреплю скриншот чтобы люди, использующие браузеры, которые не имееют поддержку данного свойства видели результат:

Этот текст написан шрифтом Verdana

Этот текст написан шрифтом Times

Скриншот:

результат свойства font-size-adjust

font-size-adjust: inherit; Это значит что свойство унаследует значение от родителя

1Число которое нужно указывать в значении свойства font-size-adjust я указываю методом подбора.

Поделиться