Коригиране на размера на шрифта - CSS-трикове

Anonim

Това свойство дава на разработчиците възможността да задават 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
Не Не Не Не