Logo Adobe Certified Expert (ACE) und Adobe Certified Instructor (ACI) für Adobe Acrobat

06. November 2005

Typografische Leerzeichen im Internet

Vor ein paar Monaten lief eine interessante Diskussion im Blog von Gerrit van Aaken über »Typoglättung für Wordpress«, ein Perl-Skript von John Bader, das vor Fragezeichen und anderen Satzzeichen Pixel einfügt, um so ein wenig »Luft« zwischen Buchstaben und Satzzeichen zu bekommen. Durch Zufall bin ich wieder darauf darauf gestoßen – und mag es jetzt so wenig wie beim ersten mal.

Abstände vor Satzzeichen sind in manchen (wenigen) Sprachen üblich, im Deutschen aber nicht. Ich würde ein derartiges Skript deshalb generell nicht einsetzen – diese Leerzeichen stören mich und hindern meinen Lesefluss. Strenggenommen sind es innerhalb der deutschen Schriftsprache sogar typografische Fehler, auch in einem Druckprodukt. In jeder Schrift beanspruchen die Satzzeichen den Raum, den sie auch brauchen, schließlich wurden sie so entworfen.

Ausserdem können mikrotypografische Feinheiten meines Erachtens nicht über ein Skript eingefügt werden, bzw. sind auf Skriptebene nicht lösbar. Abstände, wie sie zum Beispiel in Telefonnummern gewünscht wären, können nicht pixelweise definiert werden, da sie dadurch zu groß werden, möglicherweise sogar größer als normale Leerzeichen. Der Bildschirm hat nun mal nur 72 ppi. Das Generieren der Abstände muss für wirklich gute Qualität also beim Rendern der Schrift erfolgen.

Bevor man ein aufwändiges Skript einsetzt, scheint es mir sinnvoller, zunächst die Möglichkeiten von HTML zu nutzen:

Ein kleiner Text mit Abständen: 0821889964 und so weiter. (ohne Abstände)
Ein Text: 0821 88 99 64 und so weiter. (Normaler Abstand)
Ein Text: 0821 88 99 64 und so weiter. (Schmaler Abstand:  )
Ein Text: 0821 88 99 64 und so weiter. (m-square Abstand:  )
Ein Text: 0821 88 99 64 und so weiter. (n-square Abstand:  )

Was konkret zu sehen ist, hängt vom Browser ab: Unter Safari und Firefox am Mac ist der Unterschied zwischen normalem und schmalem Leerzeichen zwar gering, aber deutlich sichbar.

Eine übersichtliche Liste der passenden HTML-Entitities (bzw. deren dezimalen oder hexadezimalen Entsprechungen) findet sich hier. Leider ist es ziemlich aufwändig, diese HTML-Entities in aktuellen Texten zu verwenden. Mit Hilfe Eselsbrücken kann ich sie mir zumindest merken (»sp« für space, »em« bzw. »en« für die Breite des großen »M« bzw. »N«), aber die Eingabe an sich ist schon mühsam (und unterbleibt deshalb meist , muss ich gestehen). Leider kenne ich keinen HTML-Editor, der mir erlauben würde, diese Zeichen mit Tastenkürzel einfach einzugeben. Auch in ecto ist das scheinbar nicht möglich.

[Update]

  • Via F-LOG-GE habe ich eine schönere und vor allem vollständigere Darstellung der XHTML Character Entity Reference gefunden.
  • Offensichtlich zeigt der Internet Explorer unter Windows   nicht an. Es ist also ratsam, dieses Zeichen nur zu verwenden, wenn notfalls auf das Leerzeichen verzichtet werden kann.
  • Eine gute Erklärung und Übersicht zur Verwendung von Anführungen, Binde- und Gedankenstrichen sowie Leerzeichen in der Webtypografie findet sich im Wikipedia-Artikel Webtypografie

Von Peter am 06.11 um 13:28 Uhr. Kategorie: HTML-CSS

Trackbacks

  1. Trackback-URL: http://www.lisardo.biz/trackback/78/DVeldAcX/

Kommentare

  1. Um den unvermeidlichen Kommentarspam zu verringern, musste ich leider einige Hürden einbauen: zunächst muss eine gültige E-Mailadresse eingegeben werden, die allerdings auf der öffentlichen Webseite nicht erscheint. Ausserdem kann der Kommentar erst nach dem Aufrufen einer eigenen Vorschau-Seite gespeichert werden. Sie müssen ausserdem einen Namen angeben (Vorname, Nachname, Spitzname oder Pseudonym).
Dieser Eintrag kann nicht mehr kommentiert werden.

Aktuelle Seminartermine:

PSO-Workflow-Kompentenzen: Normgerechte PDF-Daten erstellen nach PSO
17. September 2008, Skill GmbH in Ismaning, München Mehr Infos …
Seminar: Adobe Acrobat im PDF Workflow
30. September 2008, Skill GmbH in Ismaning, bei München Mehr Infos …
Seminar: Adobe Acrobat – PDF-Prüfung und Korrektur mit PitStop
08. Oktober 2008, Skill GmbH in Ismaning, bei München Mehr Infos …

Seminarkalender abonnieren

Icon einer Kalenderdatei
Seminarkalender als .ics-Datei: Für Kalenderanwendungen herunterladen (alle Systeme)
Icon einer Kalenderdatei
Seminarkalender für iCal: Kalender abonnieren (nur Mac OS X)