Die CSS- font-kerningEigenschaft definiert den Abstand zwischen bestimmten Buchstabenpaaren.
Sie sehen, Schriftarten enthalten häufig Informationen darüber, wie viel Freiraum ein Charakter am linken und rechten Rand hat.
Wenn zwei Zeichen nebeneinander platziert werden, bilden ihre Seitenlager den tatsächlichen Abstand zwischen den Zeichen.
Schriftdesigner passen die Seitenlager zwischen zwei bestimmten Zeichen an, damit sie zusammen besser aussehen. Das ist Kerning und das ist es, was font-kerninguns die Eigenschaft entscheiden lässt: ob wir das Kerning der Schriftart verwenden oder es ganz deaktivieren möchten. Wenn die Schriftart, mit der Sie arbeiten, keine Kerning-Daten unterstützt, hat diese Eigenschaft keine Auswirkungen darauf.
Syntax
font-kerning: auto | normal | none- Ursprünglicher Wert:
auto - Gilt für: alle Elemente
- Vererbt:
- Berechneter Wert:
- Animationstyp: diskret
Werte
font-kerning akzeptiert die folgenden Werte:
auto: Auf diese Weise kann der Browser entscheiden, ob das Kerning von Schriftarten verwendet werden soll oder nicht.normal: Ermöglicht die Verwendung des in der Schriftart gespeicherten Kernings.none: Deaktiviert das Kerning.
Demo
Browser-Unterstützung
Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrom | Feuerfuchs | IE | Kante | Safari |
|---|---|---|---|---|
| 29 * | 34 | Nein | 79 | 7 * |
Handy / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 8 * |