← Zurück zu Grundlagen Gestaltung
Schriftgrad bezeichnet die Größe einer Schrift, gemessen von der Oberkante der höchsten Oberlänge bis zur Unterkante der tiefsten Unterlänge, traditionell in typografischen Punkten ausgedrückt.

Rubrik: Grundlagen der Gestaltung · Unterrubrik: Typografie · Niveau: Fortgeschritten

Synonyme / Auch bekannt als: Schriftgröße, Kegelgröße, Kegel, pt, font-size, corps (frz.)


Was ist der Schriftgrad?

Der Schriftgrad ist das grundlegendste Maß in der Typografie. Er entspricht historisch der Höhe des Bleiklotzes (Kegel), auf dem ein Buchstabe gegossen war – also nicht der Buchstabenhöhe selbst, sondern des Schriftkegels inklusive Durchschuss (minimaer Abstand nach oben und unten). Dies erklärt, warum zwei Schriften gleichen Schriftgrads optisch unterschiedlich groß wirken können: Entscheidend ist die x-Höhe (Höhe der Kleinbuchstaben), die je nach Schrift 55–75 % des Schriftgrades einnehmen kann.


Erklärung: Das Punkt-System

Historische Maßsysteme

Didot-Punkt (europäischer Punkt, Cicero-System) Eingeführt von François-Ambroise Didot (1784). Wird noch heute in Deutschland, Österreich und der Schweiz für traditionellen Bleisatz referenziert.

  • 1 Didot-Punkt = 0,376 mm
  • 12 Didot-Punkt = 1 Cicero = 4,511 mm
  • 1 Cicero ≈ 1 Pica (engl. System)

Pica-Punkt (amerikanisch-britisches System)

  • 1 Pica-Punkt = 0,353 mm
  • 12 Pica-Punkt = 1 Pica = 4,233 mm

DTP-Punkt (PostScript-Punkt) Mit der Einführung von PostScript (Adobe, 1985) und Desktop Publishing wurde ein metrisch gerundetes System etabliert:

  • 1 DTP-Punkt = 1/72 Zoll = 0,3528 mm (praktisch = Pica-Punkt)
  • 12 pt = 1 Pica = 4,233 mm
  • 72 pt = 1 Zoll = 25,4 mm

In allen modernen Layoutprogrammen (InDesign, Figma, Sketch, XD) ist der DTP-Punkt (pt) das Standardmaß.

Umrechnungstabelle

Maßeinheitmmpt (DTP)Cicero
1 DTP-Punkt0,353 mm1 pt0,083
1 Cicero4,511 mm12,789 pt1
1 Pica4,233 mm12 pt0,938
1 Zoll25,4 mm72 pt5,63

Schriftgrad ≠ optische Größe

Ein 12-pt-Schriftgrad bedeutet nicht, dass Großbuchstaben 12 pt hoch sind. Die tatsächlichen Verhältnisse am Beispiel:

  • Times New Roman 12 pt: x-Höhe ≈ 5,3 pt (44 % des Schriftgrades)
  • Verdana 12 pt: x-Höhe ≈ 7,1 pt (59 %)
  • Georgia 12 pt: x-Höhe ≈ 6,5 pt (54 %)

Verdana wirkt deshalb auf gleichem Schriftgrad deutlich größer als Times New Roman.

Empfohlene Schriftgrade für unterschiedliche Medien

AnwendungEmpfohlener Schriftgrad
Buchtext (Print)9–12 pt
Bildunterschriften7–9 pt
Fußnotentext8–9 pt
Tageszeitungstext8–9,5 pt
Desktop-Web (Body)16–18 px (≈ 12–13,5 pt)
Mobile-Web (Body)15–17 px
Präsentationen18–24 pt (Body)
Plakat-Headline48–200 pt

Beispiele: 5 Praxisanwendungen

  1. Buchsatz mit Garamond: Fließtext bei 10,5 pt / 14,5 pt Leading auf DIN A5 (138 × 216 mm) mit Satzspiegel 95 × 155 mm – ergibt ca. 64 Zeichen pro Zeile, optimal für Lesbarkeit (Bringhurst: 66 Zeichen ideal).
  2. Zeitungsseite: Artikel in 9 pt / 10,5 pt Leading in 45 mm breiten Spalten (ca. 45 Zeichen/Zeile) – Kompromiss zwischen Laufweite und Platz. Headline 24–36 pt.
  3. InDesign Absatzformat: Schriftgrad in Schrift → Zeichen → Schriftgrad oder im Zeichenfeld oben links einstellen. Tastaturkurzbefehl: Cmd+Shift+> (größer) / Cmd+Shift+< (kleiner), jeweils in 2-pt-Schritten (anpassbar in Einstellungen).
  4. CSS Web-Typografie:

``css html { font-size: 100%; /* = 16px Browser-Standard */ } body { font-size: 1rem; /* = 16px */ line-height: 1.5; /* = 24px */ } h1 { font-size: 2.25rem; /* = 36px */ } `` Relative Einheiten (rem, em) bevorzugen – sie skalieren mit Browser-Einstellungen der Nutzer.

  1. Figma: Schriftgröße in px eingeben; Umrechnung: 1 pt ≈ 1,333 px bei 96 dpi Screen. Figma arbeitet intern mit px, gibt aber bei Export in Print-PDFs 72 pt/Zoll aus.

In der Praxis

InDesign Menüpfade:

  • Schriftgrad einstellen: Fenster → Schrift und Tabellen → Zeichen (Kurzbefehl Cmd+T)
  • Einheit auf pt umstellen: InDesign → Einstellungen → Einheiten und Inkremente → Horizontale/Vertikale Lineale → Punkte
  • Schrittweite für Tastaturkürzel: Einstellungen → Einheiten und Inkremente → Tastaturinkrement → Schrift: 2 pt

CSS-Einheiten im Vergleich:

  • px: Absolute Pixel, nicht barrierefrei skalierend
  • pt: 1/72 Zoll – nur für Print-CSS sinnvoll
  • rem: Relativ zu Root-Schriftgröße – bevorzugt für Body
  • em: Relativ zum Elternelement – sinnvoll für padding/margin
  • vw/vh: Viewport-relativ – für Fluid-Typografie mit clamp()

``css /* Fluid Typography mit clamp() */ h1 { font-size: clamp(1.5rem, 4vw, 3rem); } ``


Vergleich & Abgrenzung

Schriftgrad vs. Versalhöhe vs. x-Höhe: Der Schriftgrad umfasst den gesamten Kegel; die Versalhöhe (Höhe der Großbuchstaben) beträgt ca. 70 % davon; die x-Höhe (Kleinbuchstabenhöhe) ca. 45–65 %. Für Lesbarkeitsurteile ist die x-Höhe relevanter als der Schriftgrad.

Schriftgrad vs. Laufweite: Zwei unabhängige Parameter! Gleicher Schriftgrad, unterschiedliche Laufweite (Tracking) erzeugt andere optische Dichte. Beim Sperren (positive Laufweite) kann man einen etwas kleineren Schriftgrad kompensieren.


Häufige Fragen (FAQ)

Warum wirkt 12 pt in Word größer als 12 pt in InDesign? Word rechnet intern mit 96 dpi-Bildschirmpixeln und zeigt Schrift vergrößert am Bildschirm an, um das Druckergebnis (300 dpi) zu simulieren. InDesign arbeitet mit tatsächlichen typografischen Punkten (1 pt = 0,353 mm) und stellt am Bildschirm proportional dar. Die Ausgabe auf Papier ist identisch.

Wie rechne ich px in pt für Print-CSS um? Formel: pt = px × (72/96) = px × 0,75. Also: 16 px = 12 pt. Für Print-CSS gilt: @media print { body { font-size: 12pt; } }.


Verwandte Einträge


Weiterführend

  • Forssman, Friedrich; de Jong, Ralf (2002): Detailtypografie. Mainz: Verlag Hermann Schmidt, S. 50–67.
  • Bringhurst, Robert (2004): The Elements of Typographic Style. 3. Aufl. Vancouver: Hartley & Marks, S. 18–21.
  • Hochuli, Jost (2008): Das Detail in der Typografie. Wilmington: Compugraphic, S. 30–41.
← Zurück zu Grundlagen Gestaltung
Infotag · 13. Mai · 15:00 Uhr · Vor Ort

Sei am Mittwoch dabei.
Bring Eltern oder Freunde mit.

Ein halber Nachmittag, der dir drei Jahre Klarheit bringen kann. Kostenlos, unverbindlich, ehrlich.

  • Rundgang durch Studios, Schnitträume und Tonstudio
  • Echte Absolventenfilme sehen
  • 1:1-Beratung zu Bewerbung & BAföG
  • Studierende direkt fragen
  • Kaffee, kein Sales-Pitch
  • Auch online möglich

Platz beim Infotag reservieren

Dauert 30 Sekunden. Bestätigung per E-Mail.
100 % kostenlos · keine Verpflichtung · jederzeit absagbar