Ця властивість надає розробникам можливість встановлювати font-sizeелемент залежно від розміру його малих літер, а не великих літер.
.element ( font-size: 22px; font-size-adjust: .5; )У цьому випадку малі літери шрифту мали б висоту 11 пікселів, оскільки 22 х .5 = 11.
Під час завантаження шрифтів може бути різне співвідношення сторін між малими літерами запасного шрифту та нещодавно завантаженим шрифтом, тому font-size-adjustкорисно контролювати величину переформатування, коли ми оголошуємо нове font-familyта бачимо спалах нестильового тексту (FOUT).
У демонстраційній демонстрації нижче можна включити та вимкнути цю властивість, щоб показати, як веб-шрифт, такий як Chaparral, відрізняється від висоти x та вирівнювання символів у запасному шрифті Times. Але будьте обережні, ця властивість на даний момент підтримується лише невеликою кількістю браузерів.
Це може мати драматичні ефекти, якщо встановити на великі частини основного тексту, і істотно покращити мерехтіння, яке виникає при перемиканні між запасним та нещодавно завантаженим шрифтом:
Більше інформації
- MDN
- W3C
Підтримка браузера
Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.
Робочий стіл
| Chrome | Firefox | IE | Край | Сафарі |
|---|---|---|---|---|
| Ні | 3 | Ні | Ні | Ні |
Мобільний / планшетний
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ні | Ні | Ні | Ні |