Tekenspatiëring - CSS-trucs

Anonim

De CSS- font-kerningeigenschap definieert de manier waarop specifieke paren letters worden gespatieerd.

Zie je, lettertypen bevatten vaak informatie over hoeveel ademruimte een personage aan de linker- en rechterrand heeft.

De juiste term voor de afstand zijn zijbalken.

Wanneer twee tekens naast elkaar worden geplaatst, worden hun zijbalken opgeteld om de werkelijke ruimte tussen de tekens te vormen.

De rechter zijbeugel van A en de linker zijbeugel van V bepalen de ruimte ertussen.

Ontwerpers van lettertypen passen de zijbalken tussen twee specifieke tekens aan, zodat ze er samen beter uitzien. Dat is tekenspatiëring en dat is wat de font-kerningeigenschap ons laat beslissen: of we de tekenspatiëring van het lettertype willen gebruiken of deze helemaal willen uitschakelen. Dus als het lettertype waarmee u werkt geen tekenspatiëring ondersteunt, heeft deze eigenschap er geen effect op.

Syntaxis

font-kerning: auto | normal | none
  • Beginwaarde: auto
  • Geldt voor: alle elementen
  • Overgenomen:
  • Berekende waarde:
  • Animatietype: discreet

Waarden

font-kerning accepteert de volgende waarden:

  • auto: Hiermee kan de browser beslissen of hij wel of geen tekenspatiëring wil gebruiken.
  • normal: Staat toe dat de tekenspatiëring die in het lettertype is opgeslagen, wordt gebruikt.
  • none: Schakelt tekenspatiëring uit.

Demo

Browser-ondersteuning

Deze browserondersteuningsgegevens zijn van Caniuse, die meer details bevat. Een getal geeft aan dat de browser de functie ondersteunt vanaf die versie.

Bureaublad

Chrome Firefox D.W.Z Rand Safari
29 * 34 Nee 79 7 *

Mobiel / tablet

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