Detailtypografie fürs Web: der Schweizer Spick

Es gibt diese Fehler, die niemand bewusst wahrnimmt, aber alle spüren. Falscher Strich. Falscher Abstand. Falsches Zeichen. Einzeln ist’s egal. In Summe wirkt ein Text deshalb unprofessionell, ohne dass die Leserin sagen könnte warum.

Diese Checkliste habe ich für meine Kursteilnehmenden zusammengestellt, damit du sie als Spick neben den Laptop legen kannst. Die typografische Vorarbeit stammt von Manuela Surateau von typolab.ch – sie ist Typografin und kennt das deutlich tiefer als ich. Wenn du die ausführliche Version mit allen Sonderfällen willst, gehst du direkt zu ihrem Original. Ich gebe dir hier die KMU-Kurzform für den Alltag in der Schweiz.

Drei Striche, drei Aufgaben

Wer einen Text liest, registriert unbewusst, ob die Striche stimmen. Drei Längen, drei Einsatzgebiete.

Kurzer Bindestrich (Divis) – ohne Abstand

Der Standardstrich auf der Tastatur. Verbindet Wörter oder trennt sie am Zeilenende.

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

Halbgeviertstrich für «bis» – ohne Abstand

Der lange Strich. Steht zwischen zwei Werten, die einen Bereich aufspannen. Auch hier kein Abstand.

• Freitag–Sonntag frei
• Seite 8–15
• Die Strecke Zürich–Bern
• Aarau–Olten–Bern

Tastaturkürzel: am Mac «Option» + «-», am PC «Ctrl» + «Minus».

Halbgeviertstrich als Gedankenstrich – mit Abstand davor und danach

Derselbe lange Strich, aber jetzt mit Luft drumherum. Markiert einen Einschub oder einen Bruch im Satz.

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

Halbgeviertstrich für Gegenüberstellungen – mit Abstand

Wenn zwei Dinge gegeneinanderstehen.

• HC Zug – HC Würenlos
• Übersetzung: deutsch – englisch
• Hans Muster: Speaker – Coach – Autor

Faustregel: Verbindet ein Strich zwei Wörter direkt (PC-Support), ist er kurz und ohne Abstand. Trennt er Bereiche (Mo–Fr), ist er lang und ohne Abstand. Markiert er einen Einschub oder Gegensatz, ist er lang und mit Abstand.

Zahlen, Einheiten, Prozente

Zahl und Masseinheit – immer mit Abstand

Zwischen Zahl und Einheit gehört ein Wortabstand. Die Einheit selber: klein, ohne Punkt.

• 12 m, 5 km, 8 kg, 3 dl, 19 l, 120 km/h

Prozentzeichen – pragmatisch ohne Abstand

Theoretisch käme ein verkleinerter Abstand zwischen Zahl und %-Zeichen. Praktisch macht das im Web mehr Probleme als es löst (die Zahl kann sich vom Zeichen trennen am Zeilenende). Schreibe ohne Abstand und sei konsequent: 50%, 25%, 99%.

Aber: Verwende «%» nie als Wort-Ersatz im Fliesstext. «Wir konnten den Umsatz um 12% steigern» geht. «Mit ein bisschen Glück verdienen wir 12 % mehr» auch. Aber «Das ist 100% korrekt» liest man nicht – da gehört «hundertprozentig» oder «zu 100 Prozent».

Uhrzeit, Dauer und das verflixte «h»

Uhrzeit – mit Punkt, ohne «h»

In der Schweiz trennen wir Stunden und Minuten mit einem Punkt, nicht mit einem Doppelpunkt. Der Doppelpunkt gehört zur Zeitdauer (Stoppuhr-Logik).

• 19 Uhr (im Fliesstext, ohne Minuten)
• 19.30 Uhr (mit Minuten)
• 10.00 Uhr (mit «Null», wenn’s um Lesbarkeit in einer Liste geht)

«h» steht für hora – also Stunde als Zeiteinheit, nicht als Uhrzeit. Falsch: «Treffen um 19 h». Richtig: «Treffen um 19 Uhr» – oder im Tabellenkopf «Treffen 19.00».

Dauer – mit Doppelpunkten gegliedert

• Das Treffen dauert 5 h und beginnt um 5 Uhr.
• Lauf-Bestzeit: 01:23:45

Datum – ausgeschrieben, wenn Platz ist

Im Fliesstext schreibst du das Datum aus, damit die Leserin nicht entschlüsseln muss, was Monat und was Tag ist.

• 7. Mai 2029
• Montag, 7. Mai 2029
• Mo., 7.5.2029 (knappere Form)

Aufeinanderfolgende Tage trennst du mit Schrägstrich (ohne Abstand): 12./13.5.2024.
Mehrere Tage als Bereich: mit Halbgeviertstrich (ohne Abstand): 1.–9.4.2024.
Längerer Zeitraum: 31. Mai bis 14. August 2024.

Der Profi-Tipp: umbruchgeschütztes Leerzeichen

Wenn du sicher sein willst, dass «5 km» nicht am Zeilenende auseinandergerissen wird, setze dazwischen ein umbruchgeschütztes Leerzeichen (non-breaking space). Tastaturkürzel:

• Mac: «Alt» + «Leertaste»
• Windows: «Alt» + «0160» (numerischer Block)
• In HTML:  

Anwendungsfälle: zwischen Zahl und Einheit (5 km), zwischen Vor- und Nachname auf einer Schaltfläche, zwischen Abkürzung und Wort (z. B. «z. B.» selbst).

Drucken oder weitergeben

Wenn du diesen Spick häufig brauchst: Lesezeichen setzen oder als PDF ausdrucken. Das Original findest du auf typolab.ch/detailtypografie – Manuela hat dort die vollständigere Version mit mehr Sonderfällen.