Detailtypografie: ein pragmatischer Guide für den richtigen Einsatz von Zeichen und Abständen im Web. Gültig für die Schweiz.

Detailtypografie: ein pragmatischer Guide für den richtigen Einsatz von Zeichen und Abständen im Web. Gültig für die Schweiz.

Kommt nach dem %-Zeichen ein Abstand? Welches Zeichen nehme ich für «bis»?

Viele meiner Kunden schreiben Blogbeiträge oder Texte auf der Website. Du auch? Dann möchte ich dir das Thema Detailtypografie – auch Mikrotypografie genannt – ans Herz legen.

Warum ist das wichtig?
Deine Texte werden einheitlicher, wirken ordentlicher und somit professioneller. Dein Text wird lesefreundlicher und somit zugänglicher.

Menschen schenken deinen Beiträgen Zeit. Grund genug, das Leseerlebnis so angenehm wie möglich zu machen, nicht wahr?

Es gibt noch viel mehr Arten von Wortabständen und noch mehr typografische Regeln, als ich hier aufzähle. Ich möchte aber, dass dieser Spick einfach bleibt und dich motiviert lesefreundliche Texte zu schreiben. Und dich nicht mit Bla-Bla aus der Schriftgeschichte abschrecken 😅.

Die meisten typografischen Beispiele sind zwar allgemein gültig, aber meine Auflistung gilt explizit für die Schweiz und ist als pragmatischer «Spick» fürs Web gedacht.

Hast du eine Anmerkung oder eine Frage?  Dann schreibe mir.

Prozentzeichen: ein Sonderfall

  • Typografisch korrekt wäre ein verkleinerter Abstand (kleiner als ein normaler Wortabstand).
    Jetzt ist die grosse Frage, wie machen wirs im Web?
  • Gemäss DIN 8005 kommt vor dem Prozentzeichen ein Abstand. Typografisch korrekt ist aber ein verengter Wortabstand. Dazu kommt, dass es ungünstig ist, wenn sich das %-Zeichen von der Zahl trennen würde. Ich empfehle dir die pragmatische Lösung und den Abstand wegzulassen.
  • Schau dir wie immer den gesamten Kontext an: hast du technische Texte mit vielen Prozentzahlen? Lass den Abstand weg, damit sich die Zahl vom Zeichen nicht trennt. Hast du hin und wieder ein Prozentzeichen? Dann entscheide dich für eine Variante und mach es einfach immer gleich.
  • Auf was du zwingend achten solltest: nutze das Prozent-Zeichen nicht alleine, nur um das Wort nicht auszuschreiben. Das Zeichen alleine ersetzt das Wort Prozent nicht.
  • Hier beschreibe ich, wie du es machst, dass sich Zahl und Zeichen nicht trennen

Zahl und Masseinheit: mit Abstand

  • Abkürzungen von Masseinheiten schreibt man klein und ohne Punkt am Schluss
  • Zwischen einer Zahl und einer Masseinheit kommt immer ein Wortabstand: 12 m, 5 km, 8 kg, 3 dl, 19 l, 120 km/h …

Immer diese «Striche»: Brauche ich den kurzen Bindestrich oder den langen Gedankenstrich? Und wo hat es einen Abstand?

  • Der «kurze Strich» nennt sich Divis, Bindestrich oder Trennungsstrich
  • Der liegt auf der Tastatur zwischen der Punkt- und der Shift-Taste (Schweizer Tastatur)
 
  • Der «lange Strich» nennt sich Halbgeviert-, Gedanken-, oder Streckenstrich
  • Der liegt auf der Tastatur am gleichen Ort wie der kurze, man muss aber noch eine Taste dazu nehmen (Schweizer Tastatur).
 
Wie komme ich zum langen Gedankenstrich?
  • Am Mac: Taste «Option» dazu nehmen → «Option»-«-»
  • Am PC: Tasten «Ctrl» und «Minus» nehmen → «Ctrl»-«Minus»

Der kurze Bindestrich: ohne Abstand

  • Der kurze Bindestrich ist für alle zusammengesetzten Wörter, oder um Wörter zu trennen. Immer ohne Wortabstand
 

Beispiele:

  • PC-Support
  • 10- bis 20fache Vergrösserung
  • Hans-Peter
  • Daunen- und Kamelhaarkissen

Der «lange» Halbgeviertstrich für «bis»: ohne Abstand

Beispiele:

  • Freitag–Sonntag frei
  • Seite 8–15
  • Die Zugstrecke Zürich–Bern ist unterbrochen
  • Aarau–Olten–Bern (Streckenstrich)

Der «lange» Gedankenstrich: mit Abstand davor und danach 

  • Ihr fehlt vor allem eines – Zeit!
  • Sie war erleichtert – und wie!

Der «lange» Halbgeviertstrich für Gegenüberstellungen: mit Abstand davor und danach 

  • Das Treffen Hans Müller – Anna Moser-Märki fand in Chur statt
  • HC Zug – HC Würenlos
  • Der Fall: Müller – Meier
  • Übersetzung: deutsch – englisch
  • Hans Muster: Speaker – Coach – Autor

Sonstige Antwendungen für «lange Striche»

  • Das Treffen Hans Müller – Anna Moser-Märki fand in Chur statt
  • HC Zug – HC Würenlos
  • Der Fall: Müller – Meier
  • Übersetzung: deutsch – englisch
  • Hans Muster: Speaker – Coach – Autor

Uhrzeit: mit Punkt trennen, «Null» nur wenn nötig, kein «h» zur Abkürzung

  • Schau immer den Kontext an, wo die Uhrzeit steht: Ist es ein Fliesstext? Gibt es noch andere Uhrzeitangaben oder tabellarische Öffnungszeiten?
  • In einem Fliesstext lässt du die «Nullen» weg, verzichte auf die Minutenangabe, wenn sie nicht wichtig ist (Um 19 Uhr wird es bereits dunkel)
  • Ein Zeitpunkt wird mit einem Punkt abgegrenzt, eine Zeitdauer mit Doppelpunkt (du kennst es von der Stoppuhr) – also trenne die Stunden und Minuten bei der Uhrzeit mit einem Punkt (12.45 Uhr)
  • Gemäss DIN 8005 ist auch der Doppelpunkt richtig – was macht man nun? Schau dir den Kontext an.
  • Doppelpunkte werden für eine Zeitdauer oder bei Stoppuhren eingesetzt. Hast du bereits einen Doppelpunkt im Text, kommt danach sowieso ein Punkt (Beginn: 16.55 Uhr)
  • Bei Öffnungszeiten oder für eine lesbarere Textgliederung, kannst du die Uhrzeit auch mit «Null» ergänzen:
    12.15 Uhr
    10.00 Uhr 
  • Die Uhrzeit wird nicht mit «h» abgekürzt. Der Buchstabe h steht für Stunden und nicht für die Uhrzeit (Das Treffen dauert 5 h und beginnt um 5 Uhr)

Stunden und Dauer sind keine Uhrzeit

  • «h» ist das Einheitszeichen für Stunde (Lat. «hora»), also eine Zeitspanne und keine Uhrzeit
  • Die Uhrzeit wird nicht mit «h» abgekürzt (Das Treffen dauert 5 h und beginnt um 5 Uhr)
  • Wenn du Platz hast oder es sich um einen Fliesstext handelt, schreibe das Wort «Stunden» aus

Zeitdauer: mit Doppelpunkten gliedern

  • Eine Zeitdauer wird mit Doppelpunkten gegliedert
  • Stunden, Minuten und Sekunden stellt man mit je zwei Ziffern dar

Datum: wenn möglich ausschreiben

  • Schreibe das Datum aus, wenn du Platz hast, oder das Datum in einem Fliesstext steht. So muss man beim Lesen weniger «überlegen», um welchen Monat es sich handelt
  • Wie bei der Uhrzeit gilt: unnötige «Nullen» weglassen, ausser es hilft dir bei der Gliederung und der besseren Lesbarkeit.
  • Beispiele:
    7.5.2029
    7. Mai 2029
    Montag, 7. Mai 2029
    Mo., 7.5.2029

Aufeinanderfolgende Tage: mit Schrägstich, ohne Abstand

  • Bei aufeinanderfolgenden Tagen im selben Monat, trenne die Daten mit einem Schrägstrich.
  • Vor oder nach dem Schrägstrich kommt kein Abstand
  • Auch verkürzt möglich: 12./13.5.2024

Datum über mehrere Tage, gleicher Monat, ohne Abstand

  • Den langen «Bis-Strich» nutzen (siehe Gedankenstrich)
  • Keine Abstände vor oder nach dem «bis»
  • Du kannst das Datum auch ausschreiben: 1. bis 9. April 2024 oder 1.–9.4.2024

Datum über einen längeren Zeitraum

  • Den langen «Bis-Strich» nutzen (siehe Gedankenstrich)
  • Keine Abstände vor oder nach dem «bis»
  • Du kannst das Datum auch ausschreiben: 31. Mai bis 14. August 2024

💪-Tipps

  • Du möchtest sicher gehen, dass eine Zahl und die Masseinheit zusammen bleiben oder andere Wortkombinationen nicht getrennt werden? Verbinde sie mit einem umbruchgeschützten Leerzeichen (Non-breaking space).
  • Zum kopieren: