Vyrovnání písma - Triky CSS

Anonim

Vlastnost CSS font-kerningdefinuje způsob rozmístění konkrétních dvojic písmen.

Jak vidíte, písma často obsahují informace o tom, kolik dýchací místnosti má postava na levém a pravém okraji.

Správným termínem pro rozestup jsou boční ložiska.

Když jsou dvě postavy umístěny vedle sebe, jejich boční ložiska se sčítají a tvoří skutečný prostor mezi postavami.

Prostor mezi nimi definuje pravé boční ložisko A a levé boční V.

Návrháři písem upraví boční ložiska mezi dvěma konkrétními znaky tak, aby spolu vypadaly lépe. To je vyrovnání párů a to je to, o čem font-kerningnám vlastnost umožňuje rozhodnout se: zda chceme použít vyrovnání párů písma nebo jej úplně deaktivovat. Pokud tedy písmo, se kterým pracujete, nepodporuje data vyrovnání párů, pak tato vlastnost na něj nebude mít žádný vliv.

Syntax

font-kerning: auto | normal | none
  • Počáteční hodnota: auto
  • Platí pro: všechny prvky
  • Zděděno:
  • Vypočítaná hodnota:
  • Typ animace: diskrétní

Hodnoty

font-kerning přijímá následující hodnoty:

  • auto: Toto umožňuje prohlížeči rozhodnout, zda použít vyrovnání párů pomocí písma.
  • normal: Umožňuje použít vyrovnání párů uložené v písmu.
  • none: Zakáže vyrovnání párů.

Ukázka

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
29 * 34 Ne 79 7 *

Mobilní / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4,4 * 8 *