Fließtext gestalten per CSS

Text auf Webseiten sollte gut lesbar sein

∅ 3 / 3 Bewertungen

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 und in diesem Artikel gibt es dazu einige Anregungen.

Schriftgröß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.

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)

mehr ...

Fließtext und Abstände

Mindestens genauso wichtig wie die Wahl einer adäquaten Schriftart ist die Gestaltung der Abstände, und zwar sowohl innerhalb der Absätze als auch dazwischen.

Die folgende Abbildung zeigt einen Ausschnitt aus dem PeeWee-Blindtext. Die Schriftart ist "Lucida Sans Unicode" bei 13 px, hat also bereits keine Serifen mehr, aber der Text hat keine definierte Zeilenhöhe und keinen Abstand zwischen den Absätzen. Achten Sie beim Surfen mal darauf: Solche schlecht lesbaren Texte gibt es wirklich.

mehr ...