Фонт-сизе-прилагодити - ЦСС-трикови

Anonim

Ово својство даје програмерима могућност постављања font-sizeелемента у зависности од величине малих слова, а не великих слова.

.element ( font-size: 22px; font-size-adjust: .5; )

У овом случају мала слова фонта би била висока 11 пиксела, јер је 22 к .5 = 11.

Приликом учитавања фонтова вероватно ће бити различит однос ширине и слова између малих слова резервног фонта и ново учитаних слова, па font-size-adjustје корисно контролисати количину преокрета када прогласимо нови font-familyи видимо Блиц нестилизованог текста (ФОУТ).

У демонстрацији испод, могуће је укључити и искључити ово својство да бисте показали како се веб фонт попут Цхапаррал разликује од висине к и поравнања знакова у Тимес-у, резервном фонту. Али пазите, ово својство тренутно подржава само мали број прегледача.

Ово може имати драматичне ефекте када се постави на велике делове основног текста и значајно побољшати треперење које се јавља приликом пребацивања са резервног на ново учитани фонт:

Више информација

  • МДН
  • В3Ц

Подршка прегледача

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром Фирефок ИЕ Ивица Сафари
Не 3 Не Не Не

Мобиле / Таблет

Андроид Цхроме Андроид Фирефок Андроид иОС Сафари
Не Не Не Не