Diese Seite wurde mit AI-Unterstützung übersetzt. Das englische Original ist maßgeblich.
Leserlichkeit beginnt beim Buchstaben. Bevor ein Lesender ein Wort erkennen kann, muss das visuelle System einzelne Buchstabenformen auflösen — und jeder Faktor, der einen Buchstaben leichter oder schwerer auflösbar macht, summiert sich über Tausende von Fixationen in einer Lesesitzung. Die ursprünglichen Richtlinien benannten als entscheidende Faktoren Schriftstil, Strichstärke, Neigung, Schriftbreite und Abstände. Diese Liste hat unverändert Bestand. Verändert haben sich die Umgebung, in der diese Buchstaben gezeichnet werden, und die Kontrolle, die Gestaltende heute über jeden einzelnen Faktor haben.
Was sich seit 2005 geändert hat
Die Ausgabe von 2005 wurde für Bildschirme geschrieben, auf denen ein Kleinbuchstabe in Fließtextgröße vielleicht neun oder zehn Pixel Höhe einnahm. Bei dieser Auflösung war das Pixelraster die dominierende Beschränkung: Striche rasteten auf ganze Pixel ein, feine Details verschwanden oder wurden zu Rauschen, und die Rendering-Technik — Subpixel-Antialiasing wie ClearType unter Windows, Graustufen-Antialiasing anderswo — bestimmte das Erscheinungsbild eines Buchstabens ebenso sehr wie sein Gestalter. Hinting, das Einbetten von Rasterungsanweisungen in Fonts, machte den Unterschied zwischen einer brauchbaren und einer unbrauchbaren Textschrift aus.
Hochauflösende Displays haben die Arithmetik verändert. Bei zwei oder drei Gerätepixeln pro CSS-Pixel wird derselbe Buchstabe mit dem vier- bis neunfachen Pixelbudget gezeichnet. Graustufen-Antialiasing bei hoher DPI rendert Kurven, dünne Striche und echte Diagonalen originalgetreu; die Branche hat sich vom Subpixel-Rendering weitgehend verabschiedet, weil die Pixeldichte es überflüssig gemacht hat. Aggressives Hinting zählt weit weniger als früher — doch es zählt noch auf den Laptop- und Desktop-Monitoren mit Standarddichte, die weiterhin verbreitet sind. Deshalb können Empfehlungen auf Buchstabenebene noch nicht überall von High-DPI ausgehen.
Die zweite strukturelle Veränderung sind Variable Fonts. Strichstärke (wght), Schriftbreite (wdth), optische Größe (opsz) und in manchen Familien Grade (GRAD) sind heute kontinuierliche Achsen, die aus CSS ansprechbar sind. Die ursprünglichen Richtlinien behandelten Strichstärke und Breite einer Schrift als feste Eigenschaften, die auszuwählen waren; heute sind sie Parameter, die abgestimmt werden — auch in Reaktion auf Größe, Hintergrundfarbe und Nutzerpräferenz.
Die Anatomie, auf die es ankommt
Die Forschung zur Buchstabenerkennung hat sich seit 2005 geschärft und verweist beständig auf eine kleine Menge struktureller Merkmale.
Die x-Höhe bleibt der verlässlichste Einzelprädiktor für die wahrgenommene Größe und die Leserlichkeit in kleinen Größen. Zwei Schriften in derselben nominellen Größe können sich dramatisch darin unterscheiden, wie groß sie wirken; die mit der größeren x-Höhe liest sich größer. Genau dafür existiert CSS font-size-adjust — es normalisiert Fallback-Fonts auf ein Ziel-x-Höhen-Verhältnis, sodass ein Wechsel zwischen Schriften den Text nicht stillschweigend schrumpfen lässt.
Punzenöffnungen — die Öffnungen in Buchstaben wie c, e, a und s — bestimmen, wie leicht sich Buchstaben von ihren geschlossenen Nachbarn unterscheiden lassen. Schriften mit offenen Punzenöffnungen halten das c vom o und das e vom a getrennt, auch unter der Unschärfe einer Sehbehinderung oder bei kleinen Darstellungsgrößen; Schriften mit geschlossenen, eingerollten Öffnungen verlieren diese Unterscheidungen zuerst. Die leserlichkeitsorientierte Schriftgestaltung der vergangenen zwei Jahrzehnte hat sich entschieden zu offenen Punzenöffnungen hinbewegt, und die Forschung zu Sehbehinderung stützt diesen Schritt.
Die Buchstabenunterscheidung ist die dritte Säule. Verwechselbare Paare — b/d, p/q und vor allem das große I, das kleine l und die Ziffer 1 — sind die Stellen, an denen die Erkennung zuerst scheitert. Die ursprüngliche Ausgabe verwies auf Natascha Frenschs Read Regular als eine Schrift, die spiegelbildliche Buchstaben für legasthene Lesende differenziert; diese Gestaltungsrichtung ist inzwischen zum Mainstream geworden, und der schnelle „Il1“-Test (die drei Zeichen nebeneinandersetzen und prüfen, dass sie sich unterscheiden) ist heute ein Standard-Prüfschritt für jede Interface- oder Fließtextschrift.
Das Strichverhalten vervollständigt die Liste. Relativ gleichmäßige Strichstärke, moderater Kontrast zwischen dick und dünn und moderate Gesamtbreite überdauern aus dem Jahr 2005 — extreme Modulation und extreme Verdichtung zerstören Buchstabenformen gleichermaßen unter Unschärfe, die ein brauchbares Modell sowohl für Sehbehinderung als auch für schlechte Betrachtungsbedingungen ist.
Strichstärke, Neigung und Breite als kontinuierliche Entscheidungen
Die ursprüngliche Empfehlung — regular bis leicht fett, aufrecht statt geneigt, moderate Breite — gilt weiter. Die Revision liegt darin, wie diese Entscheidungen getroffen werden.
Mit einer variablen Strichstärkenachse ist „leicht fett“ kein Sprung mehr von 400 auf 700; es kann 450 oder 480 sein — genug, um Striche für einen dunklen Hintergrund oder eine kleine Größe zu kräftigen, ohne Punzen zu schließen. Achsen für optische Größe leisten, wo vorhanden, automatisch das, wofür Schriftgestalter einst eigene Größen schnitten: In kleinen Größen öffnet der Entwurf die Punzenöffnungen, lockert die Zurichtung und senkt den Strichkontrast; in großen Größen strafft er. Wo eine Schrift opsz anbietet, lassen Sie es wirken — Browser tun dies standardmäßig —, denn es kodiert genau die Anpassungen für kleine Größen, die dieses Kapitel empfiehlt.
Neigung bleibt ein Leserlichkeitspreis für fortlaufenden Text. Kursive sind für Hervorhebungen da, nicht für Passagen; schräggestellte (geneigte Roman-)Formen sind schlechter als echte Kursive, weil sie Buchstabenformen verzerren, ohne sie neu zu entwerfen.
Abstände auf Buchstabenebene
Der Befund von 2005, dass Bildschirmschrift großzügigere Laufweite und größere Zeilenabstände braucht als Druck, war zum Teil ein Auflösungsartefakt — lockere Abstände hielten grobe Pixelbuchstaben davon ab zu verschmelzen. Aber das war nicht alles. Die Crowding-Forschung zeigt, dass zu eng gepackte Buchstaben die Erkennung im peripheren und sehschwachen Sehen beeinträchtigen; Lesende mit Sehbehinderung profitieren also tatsächlich von leicht gelockerten Einstellungen in kleinen Größen. WCAG 2.2 erkennt dies von der Nutzerseite her an: Erfolgskriterium 1.4.12 (Text Spacing) verlangt, dass Inhalte nutzerseitige Erhöhungen von Buchstaben-, Wort- und Zeilenabstand ohne Verlust überstehen. Enge Laufweite als stilistische Signatur ist für Displaygrößen in Ordnung; in Textgrößen ist sie eine Steuer auf jene Lesenden, die am wenigsten Sehschärfe zu verschenken haben.
In CSS
/* Preserve letterform quality across fallbacks */
body {
font-family: "Source Sans 3", system-ui, sans-serif;
font-size-adjust: 0.5; /* match fallback x-height to the web font */
font-kerning: normal;
}Empfehlungen
- Prüfen Sie Schriften nach Struktur, nicht nach Klassifikation: große x-Höhe, offene Punzenöffnungen, gleichmäßige Strichstärke, moderate Breite.
- Wenden Sie den Il1-Test an und prüfen Sie die Unterscheidbarkeit von b/d/p/q, bevor Sie sich auf eine Textschrift festlegen.
- Setzen Sie Variable-Font-Achsen gezielt ein — kleine Strichstärkenschritte je nach Kontext, und lassen Sie die optische Größe (opsz) in kleinen Größen ihre Arbeit tun.
- Halten Sie fortlaufenden Text aufrecht; reservieren Sie Neigung für Hervorhebungen.
- Stellen Sie die Laufweite in Textgrößen neutral bis leicht locker ein und verifizieren Sie, dass Layouts nutzerseitige Abstandsanpassungen nach WCAG 1.4.12 überstehen.
- Testen Sie auf einem Display mit Standarddichte, nicht nur auf einem High-DPI-Display; für viele Lesende existiert das Pixelraster noch.