Zum Inhalt springen

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.

Anfangswertauto
Anwendbar aufAlle Elemente. Gilt auch für ::first-letter und ::first-line.
VererbbarJa.
AnimierbarNein.
VersionCSS3
DOM-Syntaxobject.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

WertBeschreibung
autoHängt vom Browser ab, ob font-kerning aktiviert sein soll oder nicht. Dies ist der Standardwert der Eigenschaft.
normalAktiviert das Font-Kerning.
noneDeaktiviert das Font-Kerning.

Praxis

Was ist Font-Kerning in CSS?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.