Schriftfamilie - CSS-Tricks | CSS-Almanach 2025

Die font-familyEigenschaft definiert die Schriftart, die auf das ausgewählte Element angewendet wird. Die ausgewählte Schriftart ist keine einzelne Schriftart, sondern eine „Familie“ und kann daher von anderen typografischen Eigenschaftswerten abhängen, um die richtige Fläche innerhalb der Familie auszuwählen.

body ( font-family: Arial, Helvetica, sans-serif; )

Ein Wert kann einer der folgenden sein:

Ein Schriftfamilienname, der einer Schriftart entspricht, die in die Seite eingebettet oder auf dem System des Benutzers verfügbar ist.
Eine Reihe von Familiennamen, die durch Kommas getrennt sind und einen generischen Familiennamen enthalten können

Wenn mehrere Familiennamen verwendet werden, wählt der Browser den ersten aus, der entweder auf der Seite eingebettet @font-faceoder auf dem Betriebssystem des Benutzers installiert ist.

Denn font-familyes gibt keinen bestimmten Standard- oder Anfangswert; Der Anfangswert hängt immer vom Browser und / oder Betriebssystem ab.

Generische Familiennamen

Wenn für eine einzelne Deklaration mehrere Werte verwendet werden, wird empfohlen, eine generische Familie als Fallback zuletzt aufzulisten, um die beste typografische Erfahrung zu gewährleisten:

code ( font-family: Courier, Monaco, monospace; )

Im obigen Beispiel sind "Courier" und "Monaco" echte Familiennamen der tatsächlichen Schriftarten, während "monospace" nur eine generische Referenz auf alle auf dem System des Benutzers installierten Schriftarten ist, die monospaced sind.

Wenn die ersten beiden nicht installiert sind, wählt der Browser die beste Option aus, jedoch nur aus Monospace-Schriftarten. Ohne die generische Familie würde die Schriftart standardmäßig die Standardschriftart auf dem System des Benutzers sein (wahrscheinlich eine Serife oder eine serifenlose Schrift), was unerwünscht wäre.

Generisches Familiennamen umfassen serif, sans-serif, cursive, fantasy, und monospace.

Wenn ein Familienname mit einem generischen Familiennamen übereinstimmt, sollte der Familienname in Anführungszeichen gesetzt werden, um anzuzeigen, dass er nicht generisch ist.

Familiennamen mit mehreren Wörtern

Wenn ein Familienname mehrere Wörter enthält, die durch Leerzeichen getrennt sind, wird empfohlen, den Familiennamen in Anführungszeichen (einfach oder doppelt) zu setzen:

code ( font-family: "Times New Roman", Georgia, serif; )

Dies ist nicht immer erforderlich, aber es ist im Allgemeinen sicherer, Anführungszeichen für Familiennamen mit Leerzeichen oder Sonderzeichen anzugeben.