{"id":83336,"date":"2026-05-27T02:14:32","date_gmt":"2026-05-27T00:14:32","guid":{"rendered":"https:\/\/walterlernt.ch\/blog\/?p=83336"},"modified":"2026-05-27T02:29:44","modified_gmt":"2026-05-27T00:29:44","slug":"detailtypografie-furs-web-der-schweizer-spick","status":"publish","type":"post","link":"https:\/\/walterlernt.ch\/blog\/detailtypografie-furs-web-der-schweizer-spick\/","title":{"rendered":"Detailtypografie f\u00fcrs Web: der Schweizer Spick"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Es gibt diese Fehler, die niemand bewusst wahrnimmt, aber alle sp\u00fcren. Falscher Strich. Falscher Abstand. Falsches Zeichen. Einzeln ist&#8217;s egal. In Summe wirkt ein Text deshalb unprofessionell, ohne dass die Leserin sagen k\u00f6nnte warum.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Checkliste habe ich f\u00fcr meine Kursteilnehmenden zusammengestellt, damit du sie als Spick neben den Laptop legen kannst. Die typografische Vorarbeit stammt von <a href=\"https:\/\/typolab.ch\/detailtypografie\/\" target=\"_blank\" rel=\"noopener\">Manuela Surateau von typolab.ch<\/a> \u2013 sie ist Typografin und kennt das deutlich tiefer als ich. Wenn du die ausf\u00fchrliche Version mit allen Sonderf\u00e4llen willst, gehst du direkt zu ihrem Original. Ich gebe dir hier die KMU-Kurzform f\u00fcr den Alltag in der Schweiz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drei Striche, drei Aufgaben<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wer einen Text liest, registriert unbewusst, ob die Striche stimmen. Drei L\u00e4ngen, drei Einsatzgebiete.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kurzer Bindestrich (Divis) \u2013 ohne Abstand<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der Standardstrich auf der Tastatur. Verbindet W\u00f6rter oder trennt sie am Zeilenende.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PC-Support, Hans-Peter, Daunen- und Kamelhaarkissen<\/li>\n\n\n\n<li>10- bis 20fache Vergr\u00f6sserung<\/li>\n\n\n\n<li>Immer ohne Wortabstand<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Halbgeviertstrich f\u00fcr \u00abbis\u00bb \u2013 ohne Abstand<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der lange Strich. Steht zwischen zwei Werten, die einen Bereich aufspannen. Auch hier kein Abstand.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Freitag\u2013Sonntag frei<\/li>\n\n\n\n<li>Seite 8\u201315<\/li>\n\n\n\n<li>Die Strecke Z\u00fcrich\u2013Bern<\/li>\n\n\n\n<li>Aarau\u2013Olten\u2013Bern<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Tastaturk\u00fcrzel: am Mac \u00abOption\u00bb + \u00ab-\u00bb, am PC \u00abCtrl\u00bb + \u00abMinus\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Halbgeviertstrich als Gedankenstrich \u2013 mit Abstand davor und danach<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Derselbe lange Strich, aber jetzt mit Luft drumherum. Markiert einen Einschub oder einen Bruch im Satz.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ihr fehlt vor allem eines \u2013 Zeit.<\/li>\n\n\n\n<li>Sie war erleichtert \u2013 und wie.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Halbgeviertstrich f\u00fcr Gegen\u00fcberstellungen \u2013 mit Abstand<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn zwei Dinge gegeneinanderstehen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HC Zug \u2013 HC W\u00fcrenlos<\/li>\n\n\n\n<li>\u00dcbersetzung: deutsch \u2013 englisch<\/li>\n\n\n\n<li>Hans Muster: Speaker \u2013 Coach \u2013 Autor<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Faustregel:<\/strong> Verbindet ein Strich zwei W\u00f6rter direkt (PC-Support), ist er kurz und ohne Abstand. Trennt er Bereiche (Mo\u2013Fr), ist er lang und ohne Abstand. Markiert er einen Einschub oder Gegensatz, ist er lang und mit Abstand.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zahlen, Einheiten, Prozente<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Zahl und Masseinheit \u2013 immer mit Abstand<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Zwischen Zahl und Einheit geh\u00f6rt ein Wortabstand. Die Einheit selber: klein, ohne Punkt.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>12 m, 5 km, 8 kg, 3 dl, 19 l, 120 km\/h<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Prozentzeichen \u2013 pragmatisch ohne Abstand<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Theoretisch k\u00e4me ein verkleinerter Abstand zwischen Zahl und %-Zeichen. Praktisch macht das im Web mehr Probleme als es l\u00f6st (die Zahl kann sich vom Zeichen trennen am Zeilenende). Schreibe ohne Abstand und sei konsequent: 50%, 25%, 99%.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aber: <strong>Verwende \u00ab%\u00bb nie als Wort-Ersatz im Fliesstext.<\/strong> \u00abWir konnten den Umsatz um 12% steigern\u00bb geht. \u00abMit ein bisschen Gl\u00fcck verdienen wir 12 % mehr\u00bb auch. Aber \u00abDas ist 100% korrekt\u00bb liest man nicht \u2013 da geh\u00f6rt \u00abhundertprozentig\u00bb oder \u00abzu 100 Prozent\u00bb.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Uhrzeit, Dauer und das verflixte \u00abh\u00bb<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Uhrzeit \u2013 mit Punkt, ohne \u00abh\u00bb<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In der Schweiz trennen wir Stunden und Minuten mit einem Punkt, nicht mit einem Doppelpunkt. Der Doppelpunkt geh\u00f6rt zur Zeitdauer (Stoppuhr-Logik).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>19 Uhr (im Fliesstext, ohne Minuten)<\/li>\n\n\n\n<li>19.30 Uhr (mit Minuten)<\/li>\n\n\n\n<li>10.00 Uhr (mit \u00abNull\u00bb, wenn&#8217;s um Lesbarkeit in einer Liste geht)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u00abh\u00bb steht f\u00fcr <em>hora<\/em> \u2013 also Stunde als Zeiteinheit, nicht als Uhrzeit. Falsch: \u00abTreffen um 19 h\u00bb. Richtig: \u00abTreffen um 19 Uhr\u00bb \u2013 oder im Tabellenkopf \u00abTreffen 19.00\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dauer \u2013 mit Doppelpunkten gegliedert<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Das Treffen dauert 5 h und beginnt um 5 Uhr.<\/li>\n\n\n\n<li>Lauf-Bestzeit: 01:23:45<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Datum \u2013 ausgeschrieben, wenn Platz ist<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Im Fliesstext schreibst du das Datum aus, damit die Leserin nicht entschl\u00fcsseln muss, was Monat und was Tag ist.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>7. Mai 2029<\/li>\n\n\n\n<li>Montag, 7. Mai 2029<\/li>\n\n\n\n<li>Mo., 7.5.2029 (knappere Form)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Aufeinanderfolgende Tage trennst du mit Schr\u00e4gstrich (ohne Abstand): 12.\/13.5.2024.<br>Mehrere Tage als Bereich: mit Halbgeviertstrich (ohne Abstand): 1.\u20139.4.2024.<br>L\u00e4ngerer Zeitraum: 31. Mai bis 14. August 2024.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Der Profi-Tipp: umbruchgesch\u00fctztes Leerzeichen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du sicher sein willst, dass \u00ab5 km\u00bb nicht am Zeilenende auseinandergerissen wird, setze dazwischen ein <strong>umbruchgesch\u00fctztes Leerzeichen<\/strong> (non-breaking space). Tastaturk\u00fcrzel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mac: \u00abAlt\u00bb + \u00abLeertaste\u00bb<\/li>\n\n\n\n<li>Windows: \u00abAlt\u00bb + \u00ab0160\u00bb (numerischer Block)<\/li>\n\n\n\n<li>In HTML: <code>&amp;nbsp;<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Anwendungsf\u00e4lle: zwischen Zahl und Einheit (5 km), zwischen Vor- und Nachname auf einer Schaltfl\u00e4che, zwischen Abk\u00fcrzung und Wort (z. B. \u00abz. B.\u00bb selbst).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drucken oder weitergeben<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du diesen Spick h\u00e4ufig brauchst: Lesezeichen setzen oder als PDF ausdrucken. Das Original findest du auf <a href=\"https:\/\/typolab.ch\/detailtypografie\/\" rel=\"noopener\" target=\"_blank\">typolab.ch\/detailtypografie<\/a> \u2013 Manuela hat dort die vollst\u00e4ndigere Version mit mehr Sonderf\u00e4llen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bindestrich oder Gedankenstrich? Abstand vor dem Prozentzeichen oder nicht? \u00ab12.00 Uhr\u00bb oder \u00ab12:00 h\u00bb? Eine Checkliste mit allem, was Schweizer Webtexte ordentlich macht.<\/p>\n","protected":false},"author":1,"featured_media":83372,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[267],"tags":[270,269,148,268],"class_list":["post-83336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-texte-kommunikation","tag-detailtypografie","tag-schreibregeln","tag-typografie","tag-webtexte"],"_links":{"self":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/83336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/comments?post=83336"}],"version-history":[{"count":3,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/83336\/revisions"}],"predecessor-version":[{"id":83498,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/83336\/revisions\/83498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media\/83372"}],"wp:attachment":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media?parent=83336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/categories?post=83336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/tags?post=83336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}