Zeichen pro Zeile: Die optimale Zeilenlaenge fuer gute Lesbarkeit

Es ist einer der unscheinbarsten und zugleich wirkungsvollsten Hebel im Webdesign: die Zeilenlaenge, gemessen in Zeichen pro Zeile. Ist eine Textspalte zu breit, verliert das Auge beim Zeilensprung den Anschluss. Ist sie zu schmal, wird der Lesefluss durch staendige Zeilenwechsel zerhackt. Dieser Artikel erklaert, wie viele Zeichen pro Zeile ideal sind, warum das so ist und wie du die richtige Spaltenbreite fuer deine Schrift bestimmst.

Die 45-75-Regel

Die Typografie kennt seit Jahrzehnten eine klare Empfehlung: Eine gut lesbare Textzeile umfasst zwischen 45 und 75 Zeichen, inklusive Leerzeichen. Der ideale Wert liegt bei etwa 66 Zeichen. Diese Zahl stammt nicht aus dem Bauchgefuehl, sondern aus der Leseforschung und wurde unter anderem vom Typografen Robert Bringhurst in seinem Standardwerk popularisiert.

Fuer mehrspaltige Layouts, etwa in Zeitungen oder Magazinen, gilt ein engerer Bereich von 40 bis 50 Zeichen, weil die Augen dort schneller zwischen den Spalten springen. Im Web mit durchgehendem Fliesstext sind 60 bis 75 Zeichen der Sweet Spot. Mit dem Zeichen pro Zeile Rechner ermittelst du fuer deine Schriftgroesse direkt, wie breit eine Spalte sein darf, um in diesem Fenster zu landen.

Was bei falscher Zeilenlaenge passiert

Beide Extreme stoeren das Lesen auf charakteristische Weise:

• Zu lange Zeilen (ueber 90 Zeichen): Am Zeilenende muss das Auge weit zurueck zum Anfang der naechsten Zeile springen. Dabei verrutscht der Blick leicht, man liest dieselbe Zeile doppelt oder ueberspringt eine. Das ermuedet und senkt die Lesegeschwindigkeit.
• Zu kurze Zeilen (unter 40 Zeichen): Der Lesefluss wird staendig unterbrochen, weil das Auge zu oft umbrechen muss. Der Rhythmus geht verloren, und es entsteht ein hektisches Lesegefuehl.

Die ideale Zeilenlaenge schafft einen ruhigen, vorhersehbaren Rhythmus: Das Auge findet muehelos zurueck zum Zeilenanfang, ohne staendig umbrechen zu muessen.

Der Zusammenhang von Schriftgroesse und Spaltenbreite

Zeichen pro Zeile lassen sich nicht direkt in CSS einstellen, denn dort arbeitet man mit Pixelbreiten. Die Bruecke ist die durchschnittliche Zeichenbreite. Eine grobe Faustregel: Bei einer normalen serifenlosen Schrift entspricht ein Zeichen etwa 0,5 mal der Schriftgroesse. Bei 18px Schrift ist ein Zeichen also rund 9px breit.

Daraus ergibt sich die Rechnung fuer die optimale Spaltenbreite: 66 Zeichen mal 9px ergibt etwa 594px. Eine Textspalte von rund 600px Breite landet bei 18px Schriftgroesse also genau im idealen Bereich. Erhoehst du die Schrift auf 20px, sollte auch die Spalte breiter werden, sonst sinkt die Zeichenzahl pro Zeile.

In modernem CSS gibt es dafuer eine elegante Einheit: ch. Eine Breite von max-width: 66ch bindet die Spaltenbreite direkt an die Zeichenbreite der verwendeten Schrift. Das ist robuster als feste Pixelwerte, weil es sich automatisch anpasst, wenn sich die Schrift aendert.

Praktische Umsetzung im Web

Fuer Fliesstext-Container empfiehlt sich folgendes Muster:

• Setze eine max-width in ch, etwa 65ch, auf den Textcontainer.
• Kombiniere das mit ausreichend Zeilenabstand (line-height zwischen 1,5 und 1,7), denn Zeilenlaenge und Zeilenabstand wirken zusammen.
• Pruefe das Ergebnis auf verschiedenen Bildschirmgroessen, denn auf dem Smartphone gelten andere Grenzen als am Desktop.

Die Zeilenhoehe spielt eine wichtige Nebenrolle: Je laenger die Zeilen, desto groesser sollte der Zeilenabstand sein, damit das Auge beim Ruecksprung die richtige naechste Zeile findet. Den passenden Wert berechnest du mit dem Line Height Rechner. Wenn du die Spaltenbreite stattdessen lieber in rem statt in ch denkst, hilft dir der Pixel-REM-Rechner bei der Umrechnung. Weitere Helfer fuer Typografie und Layout findest du in den Webtools.

Mobile Besonderheiten

Auf schmalen Smartphone-Displays laesst sich die ideale Zeilenlaenge oft nicht erreichen, weil schlicht der Platz fehlt. Bei einem 360px breiten Display und 16px Schrift passen nur etwa 40 Zeichen in eine Zeile, das untere Ende des akzeptablen Bereichs. Hier gilt: lieber eine etwas kuerzere Zeile akzeptieren, als die Schrift so klein zu machen, dass sie schwer lesbar wird. Die Lesbarkeit der einzelnen Buchstaben hat Vorrang vor der perfekten Zeilenlaenge.

Haeufige Fragen

Gilt die 66-Zeichen-Regel auch fuer Ueberschriften?

Nein. Die Regel bezieht sich auf laengeren Fliesstext, den man am Stueck liest. Ueberschriften, Buttons und kurze UI-Texte werden anders wahrgenommen und brauchen keine Begrenzung. Bei Ueberschriften ist sogar oft das Gegenteil gefragt: Sie sollten nicht ueber zwei bis drei Zeilen umbrechen.

Zaehlen Leerzeichen mit?

Ja, Leerzeichen werden mitgezaehlt, weil sie ebenfalls Platz in der Zeile einnehmen und Teil des Leserhythmus sind. Wenn von 66 Zeichen die Rede ist, sind das 66 Zeichen inklusive aller Wortzwischenraeume.

Was ist mit Monospace-Schriften?

Bei Schriften mit fester Zeichenbreite, etwa in Code-Bloecken, ist die Rechnung besonders einfach, weil jedes Zeichen exakt gleich breit ist. Die ch-Einheit ist hier hundertprozentig praezise. Fuer Code gilt oft eine groessere Toleranz von bis zu 80 Zeichen, weil das die klassische Terminalbreite ist.