Die Schrift auf einer Webseite sollte gut lesbar sein – das ist eigentlich klar. Aber was macht eine Schrift gut lesbar?
Zunächst einmal die Schriftkategorie: serifenlos oder mit Serifen (Schmuckschriften etc. wollen wir hier mal außen vor lassen)? Serifen sind die kleinen »Füßchen« unten an den Längsbalken oder die Ausläufer an den Querbalken eines Buchstabens. In gedruckten Publikationen erleichtern sie den Lesefluss, weil sie das Auge von einem Buchstaben zum andern überleiten. Auf Bildschirmen dagegen verschwimmt eine Schrift in kleiner Schriftgröße oft, wodurch sich Serifenschriften für Mengentexte auf Webseiten eher nicht so gut eigen. Natürlich hängt es immer auch von der Schriftgestaltung ab.
Wichtig ist auch die Zeilenlänge: bei zu langen Zeilen findet das Auge schwer die richtige nächste Zeile, bei zu kurzen Zeilenlängen muss das Auge zu oft in die nächste Zeile springen, was ebenso den Lesefluss stört.
Noch wichtiger finde ich die Schriftgröße. Man darf nicht vergessen, dass nicht alle Menschen, die eine Webseite lesen wollen, über eine hundertprozentige Sehkraft verfügen. Natürlich kann man im Browser die Schriftgröße anpassen: entweder, indem man eine Mindestgröße in den Einstellungen angibt, die einem angenehm ist, oder indem man bei Webseiten mit allzu kleiner Schrift die Anzeige vergrößert. Bei vielen Browsern geht das durch Drücken von STRG und +. Nicht jeder Benutzer weiß das, und deswegen brechen vielleicht manche den Webseitenbesuch bei unlesbar kleiner Schrift schnell wieder ab.
Und jetzt endlich kommen wir zu dem Punkt, der in der Überschrift schon erwähnt wird: zum Schriftkontrast. Die Leserlichkeit steht und fällt mit dem Kontrast. Schrift auf gemustertem Hintergrund ist ein absolutes Tabu, es sei denn, das Muster wäre extrem dezent in der Farbgebung und Struktur, also quasi kaum sichtbar. Komplementärkontrast ist ebenso schlecht (Komplementärfarben stehen sich im Farbkreis genau gegenüber). Zum Beispiel würde blaue Schrift auf orangenem oder auch auf rotem Grund bei gleicher oder nur wenig unterschiedlicher Farbhelligkeit zum Flimmern führen, das den Augen sehr unangenehm ist.
Also setzt man eine dunkle Schrift auf einen hellen Untergrund. Reines Schwarz auf reinem Weiß ist auf Monitoren – im Gegensatz zu Printmedien – ein zu extremer Kontrast. Da wählt man besser ein sehr dunkles Grau/Anthrazit oder ein cremiges Weiß. Wenn es nicht so unbunt sein soll: trotzdem dunkle Farbe auf hellem Grund oder umgekehrt, also zum Beispiel ein Dunkelbraun auf vanillefarbenem Grund.
Was gar nicht geht, ist etwa mittelgrau auf hellgrau. Wenn dann auch noch die Schrift sehr klein ist, sagen wir 8pt/11px/0.7em, macht das Lesen einfach keinen Spaß mehr. Wie auf dem Beispiel unten.
