Prilagoditev velikosti pisave - CSS-triki

Anonim

Ta lastnost daje razvijalcem možnost, da nastavijo font-sizeelement glede na velikost malih črk in ne velikih črk.

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

V tem primeru bi bile male črke pisave visoke 11 px, saj je 22 x 0,5 = 11.

Pri nalaganju pisav je verjetno, da bo med malimi črkami nadomestne pisave in novo naloženo pisavo drugačno razmerje stranic, zato font-size-adjustje koristno nadzirati količino preoblikovanja, ko razglasimo novo font-familyin vidimo bliskavico nestiliziranega besedila (FOUT).

V spodnji predstavitvi lahko to lastnost vklopite in izklopite, da prikažete, kako se spletna pisava, kot je Chaparral, razlikuje od višine x in poravnave znakov v nadomestni pisavi Times. Toda pozor, to lastnost trenutno podpira le majhno število brskalnikov.

To ima lahko dramatične učinke, če je nastavljen na velike dele besedila telesa, in znatno izboljša utripanje, ki se pojavi pri preklopu med rezervno in novo naloženo pisavo:

Več informacij

  • MDN
  • W3C

Podpora brskalnika

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.

Namizje

Chrome Firefox IE Rob Safari
Ne 3. Ne Ne Ne

Mobilni / tablični računalnik

Android Chrome Android Firefox Android iOS Safari
Ne Ne Ne Ne