Perfekte Zeilenlänge
Texte sind dann einfach zu lesen, wenn die Zeilen angenehm proportioniert sind. Bei Bildunterschriften mit kleinen Schriftgrößen werden Textzeilen schnell unangenehm lang, sodass sie unter Umständen gar nicht mehr gelesen werden. Mit einem kleinen Trick kannst du die Textzeile aber immer an die Schriftgröße anpassen.#example-1 {
font-size: 1em;
width: 10em;
}
#example-2 {
width: 20ch;
}
example-1 orientiert sich an der geerbten Schriftgröße. Ist die font-size 16px, dann ist das DIV 160px breit.
example-2 orientiert sich an der Zeichenzahl mit einer 0 als Referenz, also an der Breite von 20 Nullen. Empfehlenswert sind etwa 65 Zeichen pro Zeile. Zeilen in einer Antiqua-Schrift gesetzt, dürfen auch einen Tick breiter sein.