Свойство font-size-adjust - это настоящий спасательный круг для веб-разработчиков, позволяющий сохранить визуальный баланс текста даже тогда, когда предпочтительный шрифт недоступен на устройстве пользователя.
Представьте ситуацию: браузер не находит первый указанный вами шрифт и переключается на запасной. Часто это приводит к неприятным скачкам в размере символов, из-за которых вёрстка «едет». Чтобы избежать такого хаоса и сохранить аккуратный вид, как раз и приходит на помощь свойство font-size-adjust.
Здесь работает тонкий механизм: каждый шрифт обладает так называемым «значением аспекта», которое определяется соотношением высоты строчной буквы "x" к прописной "X". Когда браузер знает это значение для основного шрифта, он может точно рассчитать, какой размер применить к резервному шрифту. В результате текст остаётся читабельным и единообразным, независимо от того, какой именно гарнитур был загружен.
| Значение по умолчанию: | none |
| Наследуется: | да |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.fontSizeAdjust="0.58" |
| Значение | Описание |
| число | Устанавливает конкретное значение аспекта для корректировки размера. |
| none | Отключает любую регулировку размера шрифта. |
| inherit | Значение берётся от родительского элемента, обеспечивая наследование стилей. |
Пример html head style type="text/css" .divVerdana { font-family: verdana; } .divTimes { font-family: 'times new roman'; } #div1 { font-size-adjust: 0.58; } #div2 { font-size-adjust: 0.58; } /style /head body div id="div1" class="divVerdana" Пример свойства font-size-adjust /div div id="div2" class="divTimes" Пример свойства font-size-adjust /div brbr div class="divVerdana" Пример свойства font-size-adjust /div div class="divTimes" Пример свойства font-size-adjust /div /body /html