Typografie fürs Webdesign

Dietmar — Tue, 14 Apr 2009 10:24:58 +0000

Das Design von Webseiten steht oder fällt mit der Typografie. Stimmt diese nicht, ist das ganze Webdesign für die Socken. Und die Typografie im Internet ist nicht gleich Typografie für Printprodukte, denn Lesen am Monitor unterscheidet sich erheblich vom “normalen” Lesen.

1. Benutze typografisch korrekte Anführungszeichen

Anstatt der gängigen Shift-2 Anführungszeichen sollte man die richtigen Anführungszeichen benutzen. So wird aus “Anführungszeichen” ein “Anführungszeichn”. Sieht doch schon viel besser aus. Wie bekomme ich die hin? Statt Shift+2 einfach “ und ” benutzen.

2. Benutze typografisch korrekte Apostrophen

Das selbe wie oben nur nicht doppelt. Statt des Standard Apostroph der Tastatur ist’s besser ein ’ zu benutzen.

3. Benutze den richtigen Gedankenstrich

Auch hier anstatt eines oder zwei Minuszeichen (–), sollte man das HTML-Enty – benutzen. Der Leser wird es einem danken, denn dieser Gedankenstrich unterbricht nicht den Lesefluss, wie es etwas ein doppeltes Minuszeichen tun würde.

4. Justiere Deine Überschriften

Bei großen Überschriften sollte auf alle Fälle mit Hilfe der CSS-Eigenschaften letter-spacing, word-spacing und line-height die Schrift angepasst werden. Man muss einfach mal etwas herumexperimentieren.

5. Erhöhe den Standard Zeilendurchschuss

Der reguläre Zeilendurchschuss ist etwas knapp gewählt. Für eine Schriftgröße von 12px empfehlen ich eine Zeilenhöhe von 18px.

6. Benutze das richtige Zeichen für die drei Punkte.

Anstatt drei Punkte hintereinander zu setzen, benutze lieber das HTML-Entity …. Es wirkt besser und dafür sind diese Entities schließlich da …