CSS font-kerning-Eigenschaft
Die font-kerning-Eigenschaft steuert die Verwendung der in einer Schriftart gespeicherten Kerning-Informationen. Kerning definiert den Abstand der Buchstaben.
Kerning legt fest, wie die Buchstaben angeordnet sind. Es macht den Zeichenabstand optisch ansprechender und die Lesbarkeit erhöht.
| Anfangswert | auto |
|---|---|
| Anwendbar auf | Alle Elemente. Gilt auch für ::first-letter und ::first-line. |
| Vererbbar | Ja. |
| Animierbar | Nein. |
| Version | CSS3 |
| DOM-Syntax | object.style.fontKerning = "none"; |
Syntax
Syntax der CSS font-kerning-Eigenschaft
css
font-kerning: auto | normal | none;Beispiel für die font-kerning-Eigenschaft:
Beispiel für die CSS font-kerning-Eigenschaft mit den Werten normal und auto
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div {
font-family: serif;
font-size: 20px;
}
div.example1 {
font-kerning: normal;
}
div.example2 {
font-kerning: auto;
}
</style>
</head>
<body>
<h2>Font-kerning property example</h2>
<div class="example1">The text is with font kerning.</div>
<div class="example2">The text is without font kerning.</div>
</body>
</html>Werte
| Wert | Beschreibung |
|---|---|
| auto | Hängt vom Browser ab, ob font-kerning aktiviert sein soll oder nicht. Dies ist der Standardwert der Eigenschaft. |
| normal | Aktiviert das Font-Kerning. |
| none | Deaktiviert das Font-Kerning. |
Praxis
Was ist Font-Kerning in CSS?