Font-size-prilagoditi - CSS-trikovi

Anonim

Ovo svojstvo pruža programerima mogućnost postavljanja font-sizeelementa ovisno o veličini malih slova, a ne velikih slova.

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

U ovom bi slučaju mala slova fonta bila visina 11 piksela, jer je 22 x .5 = 11.

Prilikom učitavanja fontova vjerojatno će biti različit omjer širine i slova između malih slova rezervnog fonta i novo učitane vrste slova, pa font-size-adjustje korisno kontrolirati količinu preusmjeravanja kada proglasimo novi font-familyi vidimo Bljesak neuglađenog teksta (FOUT).

U demonstraciji u nastavku moguće je uključiti i isključiti ovo svojstvo kako bi se pokazalo kako se web font poput Chaparrala razlikuje od visine x i poravnanja znakova u Timesu, rezervnom fontu. Ali pazite, ovo svojstvo trenutno podržava samo mali broj preglednika.

To može imati dramatične efekte kada se postavi na velike dijelove osnovnog teksta i značajno poboljšati treperenje koje se javlja prilikom prebacivanja između rezervnog i novo učitanog fonta:

Više informacija

  • MDN
  • W3C

Podrška preglednika

Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.

Radna površina

Krom Firefox IE Rub Safari
Ne 3 Ne Ne Ne

Mobitel / tablet

Android Chrome Android Firefox Android iOS Safari
Ne Ne Ne Ne