Zum Inhalt springen

Schriftfamilie

oder auch Font Family

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 10.11.2026

Eine Schriftfamilie ist die Gruppe aller Schnitte, die zu einer Schriftart gehören, etwa Regular, Kursiv, Fett und Fett Kursiv. Die Schnitte teilen dieselbe Grundform und unterscheiden sich in Strichstärke, Lage oder Breite. In CSS heißt die Eigenschaft, mit der eine Website ihre Schrift wählt, deshalb font-family.

Schriftfamilie

Die Gruppe zusammengehöriger Schriftschnitte einer Schriftart, die dieselbe Grundform in verschiedenen Stärken, Lagen und Breiten zeigen.
Beispiel: „Die Schriftfamilie bringt neun Stärken mit, von Thin bis Black.“

Auch: Font Family.

Abgrenzung zur Superfamilie: Gibt es eine Schrift in einer Serifen- und einer serifenlosen Fassung, sprechen Google Fonts und andere von einer Superfamilie.

Wie groß eine Schriftfamilie ist

Nach klassischer Auffassung gehören mindestens vier Schnitte dazu: normal, kursiv, Kapitälchen und halbfett oder fett. Große Schriftfamilien für Marken und Interfaces bringen heute Dutzende Schnitte mit, abgestuft nach Stärke und Breite.

Schriftfamilie, Schriftart und Schriftschnitt

Die Schriftart ist die Gestaltung, die Schriftfamilie die Sammlung ihrer Varianten, der Schriftschnitt eine einzelne davon. Im Englischen ist die Grenze zwischen typeface und family fließend, beide Wörter meinen oft dasselbe.

Schriftfamilien im Web

Jeder Schnitt ist eine eigene Datei, die geladen werden muss. Wer vier Schnitte einbindet, lädt vier Fonts, und das kostet Ladezeit. Sparsam ist, wer nur die Schnitte lädt, die das Design wirklich braucht.

Variable Fonts fassen eine ganze Schriftfamilie in einer Datei, deren Stärke und Breite sich stufenlos einstellen lassen. Der klassische Familienbegriff tritt damit in den Hintergrund.

Siehe auch:

Schriftart

Die Gestaltung eines kompletten Zeichensatzes mit einheitlichen Merkmalen, etwa Helvetica, Garamond oder Roboto.

#Gestaltungsgrundlagen

Schriftschnitt

Eine einzelne Variante innerhalb einer Schriftfamilie, etwa Regular, Kursiv, Halbfett oder Schmal.

#Gestaltungsgrundlagen

@font-face (Webfont-Einbindung)

Bindet eine eigene Schriftdatei ein.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

font-family, font-size, line-height

Die drei Angaben, die über Lesbarkeit entscheiden.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

Ladezeit

Die Zeit vom Aufruf einer Seite bis zu dem Moment, in dem sie benutzbar ist.