Schriften-Vorschau

Was eine Schrift für den Bildschirm taugen lässt

Eine Schrift, die auf Papier großartig aussieht, kann am Bildschirm scheitern und umgekehrt. Drei Eigenschaften entscheiden das meiste:

• Die x-Höhe. Das ist die Höhe der Kleinbuchstaben ohne Ober- und Unterlänge. Je größer sie im Verhältnis zur Gesamthöhe, desto besser lesbar in kleinen Größen.
• Die Unterscheidbarkeit ähnlicher Zeichen. Großes I, kleines l und die Ziffer 1 sehen in vielen geometrischen Schriften fast gleich aus. Bei Namen, Codes und Passwörtern ist das ein echtes Problem.
• Der Zeichenvorrat. Deutsche Texte brauchen Umlaute, Eszett, das Eurozeichen und die typografischen Anführungszeichen. Nicht jede kostenlose Schrift bringt alles mit.

Schriften laden, ohne die Seite auszubremsen

Jede eingebundene Schriftdatei steht zwischen dem Besucher und dem lesbaren Text. Vier Regeln halten den Schaden klein:

1. Lokal hosten. Die Datei gehört auf den eigenen Server, nicht auf ein fremdes CDN. Das spart einen Verbindungsaufbau und erspart die Datenschutzfrage.
2. WOFF2 verwenden. Das Format ist deutlich kleiner als die älteren und wird von jedem aktuellen Browser gelesen.
3. Vorladen. Ein Preload-Hinweis im Kopfbereich für die wichtigste Schriftdatei bringt den Text spürbar früher auf den Schirm.
4. Auf einen Ersatz achten. Mit der Angabe „swap“ zeigt der Browser sofort eine Systemschrift und tauscht später. Ohne sie bleibt der Text zunächst unsichtbar.

Freie Schriften mit klarer Lizenz sind unter Schriften gesammelt. Wie Schrift und Farbe zusammen lesbar bleiben, prüfen Sie mit Farbpalette und Kontrastprüfer.