Web-Typografie: 6 Einstellungen, die über Lesbarkeit entscheiden
Die Schriftwahl ist der kleinere Teil. Zeilenlänge, Zeilenhöhe und Größe entscheiden, ob der Text gelesen wird.
Fast der gesamte Inhalt einer Website ist Text. Typografie ist deshalb keine Dekoration, sondern die Arbeit selbst.
1. Fließtext nicht unter 16 Pixel
Mit 14 Pixeln am Handy ist Text lesbar, aber anstrengend. Der Bereich 16-18 Pixel ist für Fließtext richtig. Kleine Schrift wirkt "elegant", wird aber nicht gelesen.
2. Zeilenlänge zwischen 60 und 75 Zeichen
Das Auge muss beim Rücksprung vom Zeilenende zum nächsten Zeilenanfang seinen Platz finden. Zu lang, und es verliert sich; zu kurz, und es springt ständig.
Begrenzen Sie die Textspalte auf breiten Bildschirmen. Text über 1400 Pixel laufen zu lassen nutzt nicht den Bildschirm, es erschwert das Lesen.
3. Zeilenhöhe um 1,5
Im Fließtext sollte die Zeilenhöhe etwa das 1,5-fache der Schriftgröße betragen. Enge Zeilen machen aus Text einen Block, und das Auge überspringt Zeilen.
Bei Überschriften ist es umgekehrt: Bei großen Graden wird die Zeilenhöhe verringert, sonst zerfällt die Überschrift.
4. Laufweite nur bei großen Graden ändern
In großen Überschriften wirken die Abstände zwischen Buchstaben zu groß; leichtes Zusammenziehen fasst die Überschrift. Dasselbe in kleinen Graden schadet der Lesbarkeit.
Bei kurzen Versalien-Labels braucht man das Gegenteil: die Abstände öffnen.
5. Höchstens zwei Schriften
Eine für Überschriften, eine für den Fließtext genügt. Eine dritte ist fast immer überflüssig und zerstreut die Seite.
Achten Sie darauf, dass sich die beiden nicht ähneln — eine unklare Unterscheidung sieht schlechter aus als ein deutlicher Kontrast.
6. Prüfen Sie die Zeichen, die Sie brauchen
Nicht jede Schrift unterstützt Umlaute und Sonderzeichen Ihrer Sprachen, und manche zeichnen sie schlecht. Tippen Sie bei der Auswahl einen Satz mit ihnen und sehen Sie genau hin.
Bei Google Fonts nicht vergessen, das Subset latin-ext zu laden; sonst fallen diese Zeichen auf eine andere Schrift zurück und der Text wirkt fleckig.
Ein häufiger Fehler
Text zentrieren. Bei kurzen Überschriften in Ordnung, aber Absätze über zwei Zeilen zu zentrieren erschwert das Lesen — jede Zeile beginnt woanders, und das Auge sucht jedes Mal neu. Setzen Sie Absätze linksbündig.
- #Typografie
- #Design
- #Lesbarkeit
