Това свойство дава на разработчиците възможността да задават font-size
елемента в зависимост от големината на неговите малки букви, а не от големите букви.
.element ( font-size: 22px; font-size-adjust: .5; )
В този случай малките букви на шрифта ще бъдат високи 11px, тъй като 22 x .5 = 11.
При зареждане на шрифтове има вероятност да има различно съотношение между малките букви на резервния шрифт и новозаредения шрифт, така че font-size-adjust
е полезно да се контролира размерът на преформатирането, когато декларираме нов font-family
и видим Flash of Unstyled Text (FOUT).
В демонстрацията по-долу е възможно да включите и изключите това свойство, за да покажете как уеб шрифт като Chaparral се различава от височината на x и подравняването на символите в Times, резервния шрифт. Но внимавайте, в момента това свойство се поддържа само от малък брой браузъри.
Това може да има драматични ефекти, когато е зададено на големи части от основния текст, и значително да подобри трептенето, което се появява при превключване между резервен и новозареден шрифт:
Повече информация
- MDN
- W3C
Поддръжка на браузър
Тези данни за поддръжка на браузъра са от Caniuse, който има повече подробности. Число показва, че браузърът поддържа функцията на тази версия и по-нова.
работен плот
Chrome | Firefox | IE | Ръб, край | Сафари |
---|---|---|---|---|
Не | 3 | Не | Не | Не |
Мобилен / таблет
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
Не | Не | Не | Не |