Upraviť veľkosť písma - Triky CSS

Anonim

Táto vlastnosť dáva vývojárom možnosť nastaviť font-sizeprvok skôr v závislosti od veľkosti jeho malých písmen ako veľkých písmen.

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

V tomto prípade by malé písmená písma mali výšku 11 pixelov, pretože 22 x 0,5 = 11.

Pri načítaní fontov bude pravdepodobne medzi malými písmenami záložného písma a novo načítaným typom písma rozdielny pomer strán, takže font-size-adjustje užitočné ovládať font-familymieru opätovného pretvárania, keď deklarujeme nové a uvidíte Flash neštýlovaného textu (FOUT).

V ukážke nižšie je možné túto vlastnosť zapnúť a vypnúť, aby ste ukázali, ako sa webové písmo ako Chaparral líši od výšky x a zarovnania znakov v záložnom fonte Times. Ale pozor, túto vlastnosť momentálne podporuje iba malý počet prehliadačov.

To môže mať dramatické efekty, ak je nastavené na veľké časti základného textu, a podstatne vylepšiť blikanie, ktoré sa vyskytuje pri prepínaní medzi záložným a novo načítaným písmom:

Viac informácií

  • MDN
  • W3C

Podpora prehliadača

Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.

Desktop

Chrome Firefox IE Hrana Safari
Nie 3 Nie Nie Nie

Mobil / tablet

Android Chrome Android Firefox Android iOS Safari
Nie Nie Nie Nie