1. Designer in Action
2. Design-Wissen
3. Schriftgröße & Schriftgrad: Alles über Punkt, Pixel und x-Höhe

Schriftgröße & Schriftgrad: Alles über Punkt, Pixel und x-Höhe

Warum ist 12 Punkt bei einer Schrift riesig und bei einer anderen winzig? Was genau ist ein Schriftgrad? Und wie rechnet man Punkt in Pixel um? Dieser Guide erklärt die Grundlagen der Typografie, von Bleisatz bis Webdesign, und zeigt, wie man die perfekte Lesbarkeit erzielt.

Was ist der Schriftgrad? (Definition)

Der Schriftgrad (auch Kegelhöhe oder Schriftgröße) bezeichnet in der Typografie ein Maß für die Größe einer Schrift. Wichtig zu verstehen ist: Der Schriftgrad ist nicht gleich der Versalhöhe (Höhe eines Großbuchstabens).

Historisch stammt der Begriff aus dem Bleisatz. Der Schriftgrad beschreibt die Höhe des Metallklotzes (Kegel), auf dem der Buchstabe sitzt. Auch in der digitalen Typografie (DTP) wird dieses Prinzip beibehalten: Eine digitale Schriftdatei definiert einen virtuellen „Kegel“, der Raum für Oberlängen (wie bei ‚h‘ oder ‚l‘) und Unterlängen (wie bei ‚g‘ oder ‚p‘) sowie etwas „Fleisch“ (Abstand) bietet.

Warum 12 Punkt nicht gleich 12 Punkt ist

Wer verschiedene Schriftarten in der gleichen Größe (z.B. 16 px) nebeneinander stellt, wird oft gravierende Unterschiede feststellen. Der Grund liegt in der Gestaltung des virtuellen Kegels:

• Ausnutzung des Kegels: Manche Designer zeichnen ihre Buchstaben sehr groß auf den Kegel (wenig Fleisch), andere lassen viel Platz (viel Fleisch).
• Verhältnis von x-Höhe zu Versalhöhe: Schriften mit einer großen x-Höhe (Höhe der Kleinbuchstaben wie ‚x‘) wirken optisch deutlich größer und offener als Schriften mit kleinen Minuskeln, selbst wenn der Schriftgrad mathematisch identisch ist.

Maßsysteme: Von Didot bis DTP

In der Geschichte der Typografie haben sich verschiedene Messsysteme etabliert. Heute ist im Print-Bereich der DTP-Punkt (pt) der Standard.

Die wichtigsten Einheiten im Überblick:

• Didot-Punkt: Das alte europäische Maß. 1 Didot-Punkt ≈ 0,376 mm. (Wird kaum noch verwendet).
• Pica-Punkt: Das angloamerikanische Maß.
• DTP-Punkt (pt): Der Standard in Software wie InDesign oder Word. Er basiert auf dem PostScript-Standard von Adobe.
  
  1 DTP-Punkt = 1/72 Zoll ≈ 0,353 mm.

Schriftgrößen im Web (px, em, rem)

Im Webdesign gelten andere Regeln. Hier konkurrieren feste Einheiten mit relativen Einheiten:

• Pixel (px): Eine feste Einheit. 16px sind auf einem Display genau definiert. Gut für absolute Kontrolle, aber schlecht für Barrierefreiheit, da Nutzer die Schrift im Browser schwerer skalieren können.
• em: Eine relative Einheit. Sie bezieht sich auf die Schriftgröße des Elternelements. 2em bedeutet: Doppelt so groß wie die Schrift des übergeordneten Containers.
• rem (Root em): Der moderne Standard. Bezieht sich immer auf die Schriftgröße des Wurzelelements (html). Standardmäßig sind 1rem = 16px. Dies ermöglicht eine einfache, globale Skalierung für responsive Designs.

Umrechnungstabelle: Punkt in Pixel

Diese Werte gelten für eine Standard-Auflösung (72 dpi) und dienen als Orientierung:

Optische Größen (Optical Sizing)

Moderne Variable Fonts bringen ein altes Konzept zurück: Optical Sizing. Früher schnitten Schriftgießer für kleine Grade (6pt) Buchstaben breiter und robuster, für große Grade (72pt) feiner und eleganter.
In CSS kann dies heute automatisch gesteuert werden font-optical-sizing: auto;. So wird sichergestellt, dass eine Schrift in Lesegröße stabil wirkt, als Headline aber filigran erscheint.

Häufige Fragen zu Schriftgrößen (FAQ)