CSS Anweisung für Typografie-Verliebte

Moin!

Seit meiner Ausbildung zum Mediengestalter vor vielen Jahren, habe ich ein Faible für Typografie. Lange Zeit war es aber so, dass Kniffe, die die Darstellung und Lesbarkeit von Texten verbesserten, dem Print-Bereich vorbehalten waren.

Doch das ändert sich so langsam. Neulich bin ich über eine nützliche CSS Eigenschaft gestolpert. Ich wollte wissen, ob es mittlerweile Möglichkeiten gibt, um Überschriften ausgewogener darzustellen.

Und text-wrap kann genau das. Stell dir vor, du hast folgende Überschrift:

Individuelle IT-Lösungen für Ihr Unternehmen

Du fügst sie in die Website ein, doch leider bricht sie etwas unglücklich um, sodass sie nun so aussieht:

Individuelle IT-Lösungen für Ihr
Unternehmen

Mit text-wrap: balance wird die Überschrift so ausbalanciert, dass daraus folgendes wird:

Individuelle IT-Lösungen
für Ihr Unternehmen

Demo ansehen

Vorbei sind die Zeiten, in denen du manuelle Umbrüche setzen musstest oder in denen du mit geschützten Leerzeichen gearbeitet hast.

text-wrap wird von allen modernen Browsern unterstützt (siehe caniuse) und selbst wenn ein älteres Gerät es nicht unterstützt, wird es nicht schlechter als vorher aussehen. Die Eigenschaft ist eine von vielen weiteren Neuerungen, die ich im LASR Theme berücksichtigt habe. Mehr dazu in Kürze.

Welche CSS-Eigenschaften für bessere Typografie kennst und nutzt du? Lass es mich wissen, indem du auf diese Nachricht antwortest.

Ich wünsche dir ein tolles Wochenende!
Dennis