Betűméret-beállítás - CSS-trükkök

Anonim

Ez a tulajdonság lehetővé teszi a fejlesztők számára, hogy az font-sizeelemet a nagybetűk helyett a kisbetűk méretétől függően állítsák be .

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

Ebben az esetben a betű kisbetűi 11 képpont magasak lennének, mivel 22 x, 5 = 11.

Betűtípusok betöltése során valószínűleg más a képarány a tartalék betűtípus kisbetűi és az újonnan betöltött betűtípus között, ezért font-size-adjusthasznos szabályozni a visszafolyás mennyiségét, amikor újnak nyilatkozunk, font-familyés megnézzük a Stílusos szöveg villanását (FOUT).

Az alábbi bemutatóban ezt a tulajdonságot be- és kikapcsolhatja, hogy megmutassa, miben különbözik egy webes betűtípus, mint például a Chaparral, a Times x-magasságától és a karakterek igazításától, a tartalék betűtípustól. De vigyázzon, ezt a tulajdonságot jelenleg csak kevés böngésző támogatja.

Ennek drámai hatásai lehetnek, ha a törzsszöveg nagy részein állítják be, és jelentősen javíthatja a villogást, amikor a tartalék és az újonnan betöltött betűtípus között váltanak:

Több információ

  • MDN
  • W3C

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.

Asztal

Króm Firefox AZAZ Él Szafari
Nem 3 Nem Nem Nem

Mobil / Tablet

Android Chrome Android Firefox Android iOS Safari
Nem Nem Nem Nem