DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Die CSS-Eigenschaft font-kerning definiert die Art und Weise, wie bestimmte Buchstabenpaare beabstandet werden.
Sehen Sie, Schriftarten enthalten oft Informationen darüber, wie viel Freiraum ein Zeichen auf seinen linken und rechten Kanten hat.
Wenn zwei Zeichen nebeneinander platziert werden, addieren sich ihre Seitenabstände, um den tatsächlichen Abstand zwischen den Zeichen zu bilden.
Schriftgestalter passen die Seitenabstände zwischen zwei bestimmten Zeichen an, damit sie besser zusammen aussehen. Das ist Kerning und das ist es, was die font-kerning-Eigenschaft uns entscheiden lässt: ob wir das Kerning der Schriftart verwenden oder es ganz deaktivieren wollen. Wenn die Schriftart, mit der Sie arbeiten, also keine Kerning-Daten unterstützt, hat diese Eigenschaft keine Auswirkungen darauf.
Syntax
font-kerning: auto | normal | none- Anfangswert:
auto - Anwendbar auf: Alle Elemente
- Vererbt: Ja
- Berechneter Wert: Wie angegeben
- Animationstyp: Diskret
Werte
Die font-kerning-Eigenschaft akzeptiert die folgenden Werte
auto: Dies überlässt es dem Browser zu entscheiden, ob Schrift-Kerning verwendet werden soll oder nicht.normal: Ermöglicht die Verwendung des in der Schriftart gespeicherten Kerning.none: Deaktiviert Kerning.
Demo
Browser-Unterstützung
Diese Daten zur Browserunterstützung stammen von Caniuse, wo es weitere Details gibt. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 29* | 34 | Nein | 79 | 7* |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 127 | 127 | 4.4* | 8* |
Verwandte Eigenschaften
font-synthesisfont-variantfont-variant-alternatesfont-variant-capsfont-variant-ligaturesfont-variant-numericletter-spacing