DruckversionSchriftgröße, Schriftart
Lesen am Bildschirm ist nicht angenehm. Das beginnt mit der im Vergleich zu Papier geringen Auflösung und endet damit, dass der Bildschirm einen festen Platz hat und dem Leser dadurch die Sitzposition vorschreibt. Text auf Webseiten sollte deshalb möglichst gut lesbar sein. CSS-Experte Peter Müller gibt dazu einige Anregungen.
Beispieldateien
Zum Üben und Selbermachen stehen Beispieldateien bereit. Das zip-Archiv enthält zwei Ordner: In "basis" finden Sie die Übungsdateien, mit denen Sie unmittelbar anfangen können zu arbeiten. Dem Ordner "fertig" entnehmen Sie, wie das Ganze am Ende aussehen sollte. - Download Beispieldateien (.zip, 36 KB)
Geeignete Schriftgröße wählen
Browser haben meist eine Standardschriftgröße von 16 px. Auch wenn es im Web erhitzte Definitionen über die ideale Definition der Schriftgröße gibt, ist folgende Regel einfach zu verstehen und ein guter Ausgangspunkt:
body { font-size: small; } /* ergibt 13px */Der Wert small macht den Text immer etwas kleiner als diese Standardeinstellung und ergibt 13 px, was auch im Zeitalter immer höher auflösender Bildschirme (besonders bei Notebooks) noch lesbar ist. Falls Sie eine Angabe in Prozent bevorzugen, sieht die CSS-Regel so aus:
body { font-size: 81.25%; } /* ergibt ebenfalls 13px */ Überschriften sollten in den meisten Fällen sichtbar größer sein als der Fließtext, was Sie ausgehend von der für body definierten Schriftgröße am besten mit einer Prozentangabe erreichen. Wenn body eine Schriftgröße von 13px hat und die Überschrift 24px groß sein soll, können Sie die folgende Formel benutzen:
24px/13px * 100% = 184,62%
Im CSS sieht das dann so aus:
Im Gegensatz zu allen anderen bisher von Peter Müller gelesenen Artikeln finde ich diesen hier sehr enttäuschend:
1) Fast alle hier vorgestellten Schriften finden sich nur auf Windows-Rechnern. Daher ist es unsinnig, diese ohne die Angabe von Alternativen zu benutzen. Windows ist schließlich nur ein System under vielen.
2) Das zu Serifenschriften gesagte ist längst überholt. Zum einen sind die Bildschirme heute weit höher auflösend, so dass die Serifen problemlos dargestellt werden können. Zum anderen ist die Laufweite von Serifenschriften weit kürzer als die der unruhig wirkenden serifenlosen Schriften. Daher kann mit Serifenschriften weit mehr Inhalt auf gleichem Raum untergebracht werden, oder die Schrift kann einfach leicht vergrößert werden, was der Lesbarkeit zu Gute kommt. Serifenschriften sind auch lesefreundlicher. Das Auge ermüdet nicht so schnell und liest schneller. Nicht ohne Grund benutzen Tageszeitungen in der Regel die Times als Fließtextschrift.