Eine Schriftkombination kann in einem kurzen Entwurf überzeugen und in einem langen Artikel an ihre Grenzen kommen. Gute Typografie funktioniert mit echten Überschriften, verschiedenen Sprachen und schmalen Bildschirmen. Beginnen Sie beim Inhalt und entwickeln Sie ein wiederverwendbares System.
1. Eine Informationshierarchie schaffen
Legen Sie fest, was zuerst auffallen, danach überflogen und schließlich genau gelesen werden soll. Auf einer Leistungsseite könnten das Ergebnis, Umfang und Bedingungen sein. Überschriftengrößen sollten diese Reihenfolge unterstützen.
Definieren Sie wenige Stile: Seitentitel, Abschnittstitel, Fließtext, Beschriftung und Schaltfläche. Braucht jeder Abschnitt eine eigene Größe, prüfen Sie die Struktur. Vielleicht unterscheiden die Inhalte bereits genug, ohne weitere typografische Rollen einzuführen.
2. Eine angenehme Zeilenlänge finden
Für Artikel können ungefähr 60-70 Zeichen pro Zeile und ein Zeilenabstand von 1,5-1,7 ein Ausgangspunkt sein. Prüfen Sie das Ergebnis in der gewählten Schrift, statt die Werte als allgemeine Regel zu behandeln. Schmale und breite Buchstaben erzeugen unterschiedliche Leseerfahrungen.
Verkleinern Sie mobilen Text nicht nur, um die Desktopkomposition zu erhalten. Testen Sie lange Wörter, Links, Zahlen und Listen. Ein praktisches Kriterium: Findet der Blick den Anfang der nächsten Zeile ohne Suchen?
3. Sprachen vor der Schriftauswahl testen
Setzen Sie Namen, Währungen, Daten und lange Überschriften in allen unterstützten Sprachen. Prüfen Sie Zeichen und Schriftgewichte. Ein schönes lateinisches Muster garantiert keine passende kyrillische Schrift; Ersatzschriften können den Seitenrhythmus verändern.
Vermeiden Sie festgelegte Zeilenumbrüche für nur einen Satz. Vergleichen Sie kurze englische Beschriftungen mit längeren Übersetzungen. Menüs und Karten sollten bei Bedarf wachsen können, statt echten Text zugunsten des Entwurfs abzuschneiden.
4. Nur tatsächlich benötigte Schriften laden
Listen Sie verwendete Gewichte und Stile auf. Für zwei Gewichte muss nicht die gesamte Familie geladen werden. Variable Fonts können mehrere Parameter in einer Datei anbieten; verfügbare Achsen hängen von der Schrift ab. Messen Sie, statt grundsätzlich eine kleinere Dateigröße anzunehmen.
Wählen Sie eine geeignete Ersatzschrift und prüfen Sie langsames Laden. Text muss zugänglich bleiben, und die endgültige Schrift darf die Navigation nicht beschädigen. Kontrollieren Sie außerdem die Lizenz für die Verwendung auf Websites.
5. Durch Lesen überprüfen
Lesen Sie einen langen Absatz, vergrößern Sie die Ansicht und navigieren Sie mit der Tastatur. Prüfen Sie Kontraste von Text, Links und Beschriftungen. WCAG 2.2 bietet überprüfbare Anforderungen; normales Lesen auf mehreren Geräten ergänzt diese Prüfung.
Beachten Sie unscheinbare Elemente: Bildunterschriften, Fehlermeldungen und kleingedruckte Preise. Dort stehen oft wesentliche Informationen. Dekorative Kursivschrift kann Akzente setzen; längere Erklärungen sollten vor allem angenehm lesbar sein.
Der nächste Schritt
Prüfen Sie Typografie auf der längsten Seite und mit der anspruchsvollsten Übersetzung. Hält das System beidem stand, lässt es sich auf kurzen Einstiegsseiten leichter pflegen.