Die Beständigkeit der Schrift
Typografie ist die grundlegendste Designentscheidung im Web. Vor der Farbe, vor dem Layout, vor der Bewegung — ist da Text. Und die Art, wie dieser Text gesetzt ist, entscheidet darüber, ob ihn überhaupt jemand liest.
Das ist keine neue Beobachtung. Aber sie wird immer wieder unter Abstraktionsschichten begraben. Designsysteme geben uns Tokens. Utility-Frameworks geben uns Klassen. KI-Werkzeuge geben uns Layouts. Und irgendwo in diesem Stack schrumpft das eigentliche Handwerk des Schriftsetzens — Größen, Schriftschnitte, Satzbreiten, Zeilenabstand und Hierarchie mit Absicht zu wählen — auf das Einsetzen von Standardwerten zusammen.
Standardwerte sind nicht schlecht. Aber Standardwerte ohne Verständnis führen zu mittelmäßigen Ergebnissen.
Was gute Schrift im Web verlangt
Gute Webtypografie verlangt Aufmerksamkeit für eine kleine Zahl von Dingen, konsequent umgesetzt:
- Satzbreite — die Zeilenlänge zählt mehr, als die meisten Entwickler denken. 45–75 Zeichen pro Zeile sind kein Vorschlag, sondern der Bereich, in dem Lesen angenehm wird. Geht man darüber hinaus, sinkt das Verständnis.
- Zeilenabstand — die line-height muss auf die Satzbreite reagieren. Längere Zeilen brauchen mehr Raum zwischen sich. Kurze Zeilen können enger stehen. Es gibt keinen einzelnen korrekten Wert.
- Skala — eine typografische Skala schafft visuelle Hierarchie, ohne zu schreien. Das Verhältnis zwischen Fließtext, Zwischenüberschriften und Überschriften sollte sich zwangsläufig anfühlen, nicht willkürlich.
- Schriftschnitt — Fett ist keine Betonung. Es ist ein Werkzeug zur Betonung. Kursive, Größe, Farbe, Laufweite und Position tragen alle dazu bei. Der Griff zu
font-boldals erste Antwort auf Hierarchieprobleme ist eine Gewohnheit, die man ablegen sollte. - Weißraum — der Raum um den Text ist so wichtig wie der Text selbst. Großzügige Ränder, durchdachtes Padding und Luft zwischen den Abschnitten signalisieren Qualität und laden zum Lesen ein.
Typografie als Barrierefreiheit
Gute Typografie ist barrierefreie Typografie. Ausreichender Kontrast, lesbare Größen, angemessener Zeilenabstand, passende Zeilenlänge — das sind keine ästhetischen Vorlieben. Es sind funktionale Anforderungen, die darüber entscheiden, ob Menschen nutzen können, was man gebaut hat.
Die Schnittmenge zwischen „sieht gut aus" und „funktioniert für alle" ist größer, als die meisten annehmen. Wer für Lesbarkeit optimiert, verbessert fast immer zugleich die visuelle Gestaltung.
Das Handwerk überdauert
Frameworks ändern sich. Designtrends kommen und gehen. Aber die Prinzipien guten typografischen Handwerks sind seit Jahrhunderten stabil. In ihr Verständnis zu investieren — sie nicht nur anzuwenden, sondern zu verstehen, warum sie funktionieren — ist eine der wirkungsvollsten Investitionen, die ein Webdesigner oder Entwickler tätigen kann.
Das Web ist in seinem Kern ein typografisches Medium. Es so zu behandeln ist zugleich eine gestalterische Haltung und ein Zeichen des Respekts gegenüber den Menschen, die lesen, was man veröffentlicht.