Obergrenze

Drei Wege für breite Bildschirme, jeweils mit gemessener Zeilenlänge. Zieh das Fenster möglichst breit – der Unterschied zeigt sich erst ab etwa 1200 Pixeln. Wird der genäherte Wert grösser als 85 oder kleiner als 45, färbt sich die Zahl rot.

Aktuelle Fensterbreite: ?

A · Unbegrenzt – alles wächst mit

Nutzt die ganze Fläche. Auf breiten Bildschirmen werden die Zeilen unlesbar lang.

Dieser Absatz dient dazu, die Zeilenlänge sichtbar zu machen. Lesbar bleibt Fliesstext zwischen etwa 45 und 85 Zeichen pro Zeile. Wird eine Zeile länger, verliert das Auge beim Zeilenwechsel den Anfang der nächsten Zeile und muss suchen. Wird sie kürzer, zerfällt der Lesefluss in Stücke. Auf einem breiten Bildschirm ohne Begrenzung kommt eine Zeile leicht auf dreihundert Zeichen.

Bild oder Farbfläche

Zweiter Absatz zum Vergleich der Zeilenlänge.

Zeilenlänge ?  ·  Textbreite ?

B · Alles gedeckelt und mittig

Text und Flächen hören bei derselben Breite auf. Ruhig und gut lesbar, wirkt auf sehr breiten Bildschirmen aber schnell schmal.

Dieser Absatz dient dazu, die Zeilenlänge sichtbar zu machen. Lesbar bleibt Fliesstext zwischen etwa 45 und 85 Zeichen pro Zeile. Wird eine Zeile länger, verliert das Auge beim Zeilenwechsel den Anfang der nächsten Zeile und muss suchen. Wird sie kürzer, zerfällt der Lesefluss in Stücke. Auf einem breiten Bildschirm ohne Begrenzung kommt eine Zeile leicht auf dreihundert Zeichen.

Bild oder Farbfläche

Zweiter Absatz zum Vergleich der Zeilenlänge.

Zeilenlänge ?  ·  Textbreite ?

C · Nur der Text gedeckelt

Der Fliesstext ist begrenzt, Bilder und Farbflächen laufen über die volle Breite. Grosszügig und trotzdem lesbar.

Dieser Absatz dient dazu, die Zeilenlänge sichtbar zu machen. Lesbar bleibt Fliesstext zwischen etwa 45 und 85 Zeichen pro Zeile. Wird eine Zeile länger, verliert das Auge beim Zeilenwechsel den Anfang der nächsten Zeile und muss suchen. Wird sie kürzer, zerfällt der Lesefluss in Stücke. Auf einem breiten Bildschirm ohne Begrenzung kommt eine Zeile leicht auf dreihundert Zeichen.

Bild oder Farbfläche

Zweiter Absatz zum Vergleich der Zeilenlänge.

Zeilenlänge ?  ·  Textbreite ?

Was dieses Werkzeug zeigt

Zeilenlänge in Zeichen
Errechnet über die CSS-Einheit ch. Sie entspricht laut Dokumentation der Breite der Ziffer Null in der verwendeten Schrift, nicht der Breite eines Durchschnittszeichens. Die Textbreite geteilt durch diese Breite ergibt die angezeigte Zahl.

Das ist eine gute Näherung, keine exakte Zählung. In den meisten Schriften ist die Null breiter als ein durchschnittlicher Kleinbuchstabe – die tatsächliche Zeichenzahl pro Zeile liegt also etwas höher als angezeigt. Für die Entscheidung, ob eine Zeile zu lang ist, reicht die Näherung; als exakter Messwert taugt sie nicht.
Die Grenze bei 70 Zeichen
Die Varianten B und C verwenden max-width: 70ch – also die Breite von siebzig Nullen. Der Wert wandert mit der Schriftgrösse mit: Wer die Schrift vergrössert, bekommt einen breiteren Textbereich und behält dieselbe Zeilenlänge.
Worauf du achten solltest
Nicht nur auf die Zahl. Schau, wie sich der Blick bewegt: Bei A musst du den Kopf drehen, bei B bleibt viel Fläche leer, bei C führt die Farbfläche das Auge und der Text bleibt ruhig.

Grundlage und Quellen

Hinweis: Die deutschen MDN-Seiten sind automatisch aus dem Englischen übersetzt und können Fehler enthalten. MDN kennzeichnet das selbst.