Ein Wort zu Blocksatz auf Websites: Ja, nein, vielleicht? (+ Wie du es einstellst!)
Alle paar Monate wieder kommt bei uns im Blog oder von meinen Websitekurs-Teilnehmern die Frage rein, wie man denn bitte Blocksatz auf seiner Website einstellt. Das gäbe es bei Squarespace zum Beispiel ja gar nicht als Standard?!
Du weißt schon: Blocksatz bedeutet, dass alles genau an der rechten Seite endet; wie bei einer gedruckten Zeitung. Das verwenden auch immer noch viele Firmen in physischen Briefen.
Und: In den Neunzigern und den Nullerjahren war Blocktext auch auf richtig vielen Websites zu sehen. Betonung liegt auf „war“. Denn wenn heute eine Website erscheint, die Blocksatz verwendet, dann ist meist davon auszugehen, dass sie seit zehn Jahren nicht mehr überarbeitet wurde.
Denn Blocksatz sieht zwar gut aus (in der Theorie), lässt sich aber nicht gut lesen. Dem Auge fehlen einfach die „flatterigen Enden“, an denen es sich festhalten kann.
Inhaltsverzeichnis:
👉 Du startest gerade erst? Teste Squarespace hier 14 Tage lang gratis & hol dir mit dem Code VICTORIA10 10% Rabatt auf dein erstes Jahr! (Das ist natürlich Werbung für meinen Liebling Squarespace)
Tipp: Ganz neu richten wir für dich als Blogleser alternativ sogar einen special 20%-Rabatt ein. → Bekommst du hier.
Blocksatz vs. linksbündiger Text: Bei langen Texten klar im Nachteil
Hier siehst du, was ich meine:
Wenn langer Text im Blocksatz steht, sieht das zwar auf den ersten Blick recht nett aus. Das Auge verkrampft aber geradezu beim Lesen, denn alles sieht gleich aus.
Viel leichter dagegen ist es, wenn die rechten Enden “lose” sind, so wie hier beim linksbündig gesetzten Text:
Warum Blocksatz online nicht (mehr) verwendet wird
Weil Blocksatz so “eintönig” ist, hat es das Auge tatsächlich schwer, die einzelnen Kanten des Textes zu erfassen.
Online lesen die Leute anders als auf Papier.
Der Beweis: Guck dir mal sämtliche Zeitungen an, die offline - also gedruckt - Blocksatz verwenden. Zeit, FAZ, egal wohin du siehst - sie alle verwenden online linksbündigen Text.
Interessanterweise kommt die Frage, wie man denn Blocksatz jetzt einstellt, besonders häufig von Webdesignern. Hier kann ich nur sagen: Wenn du selbst als Designer arbeitest, stell lieber die Lesbarkeit vor die Kunst und lass Blocksatz online Blocksatz sein. Bei Briefen und anderen Layouts für offline kannst du dich dann austoben.
👉 Ständig frische Tipps für deine Squarespace-Website? Abonniere jetzt meinen Youtube-Kanal mit laufen neuen Tutorials! 🎥
Was ist denn dann mit zentriertem Text?
Zentrierter Text ist okay, wenn es sich um einzelne wenige Absätze handelt - zum Beispiel Intros, Überschriften, Teaser oder Zitate:
Alles andere ist auch hier: Zu schwer zu lesen. Also unbedingt linksbündig gehen (ich würde auch nur in Ausnahmefällen längere Texte rechtsbündig setzen, auch hier ist das gleiche Problem mit der Lesbarkeit.)
Das Auge hat es doppelt schwer, weil es sich links und rechts “festhalten” muss und eine ruhige Anfangslinie fehlt
Wie du Blocksatz mit CSS einrichten kannst
All mein vorheriges Schreiben konnte dich nicht überzeugen und du willst trotzdeeeem unbedingt Blocksatz verwenden?
Na gut. Dann sei es eben so.
Wenn du auf deiner Squarespace-Website in einem bestimmten Block Blocksatz verwenden willst, musst du zunächst durch den ID-Identifier die ID des Blocks herausfinden. Wie das geht, kannst du hier lesen.
Dazu musst du, wenn du Squarespace für deine Website verwendest, entweder bei den seitenweiten CSS-Einstellungen oder auf den Einstellungen des Codes der angesprochenen Seite eingeben, welchen Block du ansprechen möchtest.
Du kopierst also diesen Code-Schnipsel hier ein (wobei 11111 ausgetauscht ist):
#block-1111111111 {
text-align: justify;
}
Nicht alle Browser stellen Blocksatz ordentlich dar
Du wirst merken, dass nicht alle Browser Blocksatz können und mögen - Safari zum Beispiel oftmals nicht, Chrome dagegen ja.
Wenn es dir egal ist, dass dein Text nicht überall im Blocksatz angezeigt wird, dann kannst du das natürlich trotzdem machen.
Aber ich würde trotzdem sagen: Don’t do it. Verkünstele dich an anderer Stelle. 😉
Diese Artikel könnten dich ebenfalls interessieren:
