Upravit velikost písma - Triky CSS

Anonim

Tato vlastnost dává vývojářům možnost nastavit font-sizeprvek v závislosti na velikosti jeho malých písmen, nikoli na velká písmena.

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

V tomto případě by malá písmena písma měla výšku 11 pixelů, protože 22 x 0,5 = 11.

Při načítání písem je pravděpodobné, že mezi malými písmeny záložního písma a nově načteným písmem bude jiný poměr stran, takže font-size-adjustje užitečné kontrolovat míru přeformátování, když deklarujeme nový font-familya zobrazíme Flash nestylovaného textu (FOUT).

V ukázce níže je možné tuto vlastnost zapnout a vypnout, aby se ukázalo, jak se webové písmo, jako je Chaparral, liší od výšky x a zarovnání znaků v záložním písmu Times. Ale pozor, tuto vlastnost v tuto chvíli podporuje pouze malý počet prohlížečů.

To může mít dramatické efekty, když je nastaveno na velké části hlavního textu, a podstatně zlepšit blikání, ke kterému dochází při přepínání mezi záložním a nově načteným písmem:

Více informací

  • MDN
  • W3C

Podpora prohlížeče

Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.

plocha počítače

Chrome Firefox TJ Okraj Safari
Ne 3 Ne Ne Ne

Mobilní / Tablet

Android Chrome Android Firefox Android iOS Safari
Ne Ne Ne Ne