Zum Inhalt springen

Schriftschnitt

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

Ein Schriftschnitt ist eine einzelne Variante innerhalb einer Schriftfamilie, etwa Regular, Kursiv, Halbfett oder Schmal. Bestimmt wird er durch Strichstärke, Lage und Breite der Buchstaben. Der Begriff stammt aus der Bleisatzzeit, als jeder Schnitt ein eigener Satz gegossener Lettern war.

Schriftschnitt

Eine Stilvariante innerhalb einer Schriftfamilie, festgelegt durch Strichstärke, Lage und Breite.
Beispiel: „Für Zwischenüberschriften nutzen wir den Schriftschnitt Semibold.“

Abgrenzung zum Font: Ein Font ist die Datei, die einen Schriftschnitt enthält. Das Wort kommt laut Typolexikon vom französischen fonte und hängt mit dem Gießen von Schrift zusammen.

Welche Schriftschnitte es gibt

Nach der Strichstärke reichen sie von Thin über Regular bis Black, nach der Lage von aufrecht über kursiv bis schräggestellt, nach der Breite von schmal bis breit. Dazu kommen Sonderschnitte wie Kapitälchen. Wie die Stärken heißen, legt jeder Hersteller selbst fest; ein Medium der einen Schrift kann so kräftig sein wie das Semibold einer anderen. Viele Familien gibt es heute auch als Variable Font, der alle Stärken in einer einzigen Datei enthält.

Schriftschnitte in CSS

CSS spricht die Stärke über font-weight an: 400 entspricht Regular, 700 Bold, die Stufen dazwischen und darüber folgen der Zählung der OpenType-Spezifikation. Die Lage regelt font-style.

h2 {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600; /* Semibold */
  font-style: normal;
}

Warum fehlende Schriftschnitte auffallen

Fehlt ein Schnitt, rechnet der Browser ihn künstlich nach: Er verdickt die Regular oder neigt sie. Das Ergebnis wirkt grob und weicht vom Entwurf ab. Abhilfe schafft, den Schnitt mitzuladen oder die Nachbildung mit font-synthesis: none abzuschalten.

Siehe auch:

Schriftfamilie

Die Gruppe aller Schnitte einer Schriftart, etwa Regular, Kursiv, Fett und Fett Kursiv.

#Gestaltungsgrundlagen

Schriftart

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

#Gestaltungsgrundlagen

@font-face (Webfont-Einbindung)

Bindet eine eigene Schriftdatei ein.

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

CSS

Die Sprache, in der das Aussehen einer Website beschrieben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)