Typografie fürs Web: fünf Grundregeln

Bis zu 90 Prozent einer typischen Website bestehen aus Text. Gute Typografie ist deshalb nicht Dekoration, sondern die Grundlage für jede Benutzeroberfläche.

Höchstens zwei Schriften

Eine Schrift für Überschriften, eine für Fließtext – mehr braucht kaum ein Projekt. Zu viele Schriften wirken unruhig und erschweren das Lesen.

Eine klare Größenskala

Legen Sie wenige Schriftgrößen fest und verwenden Sie nur diese. Ein deutlicher Unterschied zwischen Überschrift und Text schafft Hierarchie, ohne dass zusätzliche Farben nötig sind.

Genug Zeilenabstand

Für Fließtext ist ein Zeilenabstand von etwa 1,5 bis 1,7 angenehm. Serifenschriften vertragen etwas mehr, kompakte Schriften für Tabellen etwas weniger.

Kontrast prüfen

Hellgrauer Text auf weißem Hintergrund sieht elegant aus, ist aber für viele Menschen schwer lesbar. Ein Kontrastverhältnis von mindestens 4,5:1 sollte Standard sein.

Schriften lokal einbinden

Werden Schriften von externen Servern geladen, wird die IP-Adresse der Besucher übertragen. Lokal eingebundene Schriften sind schneller und datenschutzfreundlicher – ein wichtiger Punkt für Websites in Deutschland.

Gute Typografie fällt nicht auf. Man merkt nur, dass sich der Text mühelos lesen lässt.