{"id":138,"date":"2009-03-05T14:25:24","date_gmt":"2009-03-05T13:25:24","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=138"},"modified":"2010-04-12T14:52:35","modified_gmt":"2010-04-12T13:52:35","slug":"mikrotypografie","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/typographie\/mikrotypografie","title":{"rendered":"Mikrotypographie: Mit ein paar Schritten zum guten Satz"},"content":{"rendered":"<p>Nachdem es im letzten Post um die Makrotypografie ging \u2013 um die Anordnung von Text auf einer Seite \u2013 geht es hier nun um ein paar Details, die gute Typographie von Mitteklassetypo unterscheiden.<\/p>\n<p>Fast jeden Tag sieht man Druckerzeugnisse wo die Detailtypographie gelitten hat. Dabei sind es wirklich nur Kleinigkeiten, die aber, wenn man sie bereinigt, das Satzbild deutlich aufwerten. Genau deswegen werden im folgenden nun einige solcher typografischen Faux-Pas aufgelistet:<\/p>\n<h2>Anf\u00fchrungszeichen<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-139\" title=\"typo_anfuehrungen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_anfuehrungen.jpg\" alt=\"typo_anfuehrungen\" width=\"500\" height=\"369\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_anfuehrungen.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_anfuehrungen-300x221.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Einen Text gut zu setzen, f\u00e4ngt damit an, dass man im Layoutprogramm die richtige Anf\u00fchrungszeichen ausw\u00e4hlt. F\u00fcr deutsche Texte werden da meist diese \u201e \u201c verwendet. Sie sehen, genauer betrachtet, aus wie eine kleine 99 und eine hochgestellte 66 zur Abf\u00fchrung. Daneben kann man im Deutschen auch die Winkelform benutzen, also \u00bb \u00ab und zwar mit der Spitze nach innen. Im Schweizer-Deutschen wird ausschlie\u00dflich die Winkelform benutzt aber hier eher wie im Franz\u00f6sischen, mit der Spitze nach au\u00dfen, also so \u00ab \u00bb. Bei englischen Texten stehen die Anf\u00fchrungszeichen immer oben, und zwar 66 und 99.<\/p>\n<h2>Der Apostroph<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-141\" title=\"typo_apostroph\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_apostroph.jpg\" alt=\"typo_apostroph\" width=\"500\" height=\"110\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_apostroph.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_apostroph-300x66.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Es gibt nur einen korrekten Apostroph und der sieht aus wie eine kleine 9. Auch bei serifenlosen Schriften, wo die 9 nicht klar zu erkennen ist, sieht man doch meist eine Verdickung im oberen Bereich. Auf dem Mac erreicht man den korrekten Apostroph immer durch Alt-Shift-!<\/p>\n<h2>Der Bis-Strich \/ Strecken-Strich \/ Spiegelstrich \u2026<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-143\" title=\"typo_bisstrich1\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_bisstrich1.jpg\" alt=\"typo_bisstrich1\" width=\"500\" height=\"106\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_bisstrich1.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_bisstrich1-300x63.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Alle genannten Striche sind lange Striche, also sogenannte Halbgeviert-Striche. Der kurze Strich (-) kommt fast ausschlie\u00dflich bei Worttrennungen vor. Ansonsten ist meist der Halbgeviertstrich der richtige. Im Englischen wird sogar der Geviertstrich oft benutzt (z.B. als Gedankenstrich). Auf dem Mac ist der Halbgeviertstrich per Alt &#8211; zu erreichen.<\/p>\n<p>Der Bisstrich wird wie hier im Bildbeispiel ohne Abstand gesetzt oder nur ein klein wenig ausgeglichen (z.B. Viertegeviert)<\/p>\n<h2>Der Gedankenstrich<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-144\" title=\"typo_gedankenstrich\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_gedankenstrich.jpg\" alt=\"typo_gedankenstrich\" width=\"500\" height=\"211\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_gedankenstrich.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_gedankenstrich-300x126.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Der Gedankenstrich steht immer zwischen 2 Wortzwischenr\u00e4umen und ist ein Halbgeviert lang. Im Englischen meist ein ganzes Geviert lang und (fast) ohne Wortzwischenraum. Andere L\u00e4nder, andere Sitten \u2026 ;-)<\/p>\n<h2>Die Ellipse<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-145\" title=\"typo_ellipse\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_ellipse.jpg\" alt=\"typo_ellipse\" width=\"500\" height=\"110\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_ellipse.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_ellipse-300x66.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Als Ellipse werden die oft gesehenen drei Punkte bezeichnet die meist einen Satz abschlie\u00dfen und den Schluss des Satzes in der Luft h\u00e4ngen lassen. Die Ellipse ist ein eigenst\u00e4ndiges Zeichen und nicht einfach drei Punkte die hintereinander getippt werden. Die richtige Ellipse ist meist mehr gesperrt (spationiert). Siehe auch das oben stehende Bildbeispiel. Die Ellipse wird durch einen Wortabstand vom vorhergehenen Wort getrennt au\u00dfer es wird mitten im Wort abgeschnitten: Er sagte: \u00bbSch\u2026\u00ab<\/p>\n<h2>Das Multiplikationszeichen<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-146\" title=\"typo_multiplikator\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_multiplikator.jpg\" alt=\"typo_multiplikator\" width=\"500\" height=\"104\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_multiplikator.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_multiplikator-300x62.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>In Texten werden oft Ma\u00dfe angegeben, von B\u00fcchern z.B. oder in Kunstb\u00fcchern z.B. von Leinwandgr\u00f6\u00dfen der Gem\u00e4lde. Dabei sieht man oft den Fehler dass der Buchstabe X anstatt des richtigen Multiplikationszeichens verwendet wird. Die meisten Schriften haben ein eigenes Zeichen daf\u00fcr. Wenn nicht, kann man sich des Zeichens aus der Zapf Dingbats oder einer \u00e4hnlichen Schrift bedienen. Meist mu\u00df das Multiplikationszeichen auch etwas spationiert werden weil es sonst zu sehr an den Zahlen klebt.<\/p>\n<h2>Die Kapit\u00e4lchen<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-147\" title=\"typo_kapitaelchen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_kapitaelchen.jpg\" alt=\"typo_kapitaelchen\" width=\"500\" height=\"104\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_kapitaelchen.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/typo_kapitaelchen-300x62.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Kapit\u00e4lchen werden gerne benutzt, um Autoren in wissenschaftlichen Texten oder z.B. Bibliographien auszuzeichnen. Dabei ist es wichtig nur Kapit\u00e4lchen zu benutzen, wenn die Schrift diese auch anbietet. Bei PostScript und TrueType-Schriften gibt es dann meistens einen einen Schriftschnitt der als \u00bbSmallCaps\u00ab oder einfach als \u00bbsc\u00ab bezeichnet wird. Bei den OpenType-Schriften wie z.B. der Minion Pro sind die Kapit\u00e4lchen bereits integriert und k\u00f6nnen in Programmen, die OpenType-Funktionen anbieten (wie InDesign aber auch X-Press), aus dem OpenType-Men\u00fc ausgew\u00e4hlt werden. Ist die Funktion ausgegraut oder in eckigen Klammern, ist der Schnitt nicht verf\u00fcgbar.<\/p>\n<p>Wenn man also jetzt Kapit\u00e4lchen trotzdem durch Dr\u00fccken des Kapit\u00e4lchenbuttons erzwingen m\u00f6chte, werden die Kapit\u00e4lchen durch das Layoutprogramm nach den Vorgaben elektronisch errechnet. Diese sehen aber dann nicht sch\u00f6n und harmonisch aus. Richtige Kapit\u00e4lchen wurde extra vom Type-Designer entworfen und haben den gleichen Schriftduktus. Bei elektronischen Kapit\u00e4lchen stimmen die Strichst\u00e4rken nicht \u00fcberein.<\/p>\n<p>Kapit\u00e4lchen sollten genauso wie Versalien immer etwas gesperrt und optisch ausgeglichen werden. Versalien schreien gerne aus dem Satzbild heraus und sollten im Flie\u00dftext auch einen halben bis ein Punkt kleiner gesetzt werden. (Man kann sich dazu z.B. Zeichenformate anlegen)<\/p>\n<h2>Das Versal-SZ<\/h2>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-148\" title=\"langess\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/langess.jpg\" alt=\"langess\" width=\"500\" height=\"107\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/langess.jpg 500w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/langess-300x64.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Das lange S (oder das scharfe S) ist ein Kleinbuchstabe. Wenn W\u00f6rter also versal gesetzt werden, mu\u00df es durch Doppel-S ersetzt werden. Bisher war das so und momentan auch noch. Aber schon seit langer Zeit sind Schriftdesigner am Werkeln um endlich das Versal-\u00df in den Unicode Zeichensatz zu integrieren. Ob man das jetzt gut oder gar sch\u00f6n finden soll, ist Geschmackssache. Hier im <a href=\"http:\/\/www.fontblog.de\/das-versale-ss-rueckt-naeher-bauanleitung\" target=\"_blank\">Fontblog<\/a> sieht man z.B. einige Varianten dazu.<\/p>\n<p>Bei wem jetzt das Interesse geweckt ist, mehr \u00fcber solche Schriftdetails und den korrekten Satz zu erfahren und so seine Layouts typografisch aufzuwerten, dem sei folgendes Werk w\u00e4rmstens zu empfehlen:<\/p>\n<p><a title=\"Detailtypo\" href=\"http:\/\/www.typografie.de\/Unsere-Buecher\/Typografie\/Friedrich-Forssman_Ralf-De-Jong\/Detailtypografie::73.html\" target=\"_blank\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-149\" title=\"detailtypo\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/detailtypo.gif\" alt=\"detailtypo\" width=\"238\" height=\"300\" \/><\/a><a href=\"http:\/\/www.amazon.de\/Das-Detail-Typografie-Er%C3%B6rterung-Lesbarkeit\/dp\/3721205472\/ref=sr_1_2?ie=UTF8&amp;s=books&amp;qid=1271080134&amp;sr=8-2\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-580\" title=\"Jost_Hochuli\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/03\/Jost_Hochuli1.jpg\" alt=\"\" width=\"184\" height=\"300\" \/><\/a><\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Ftypographie%2Fmikrotypografie&text=Mikrotypographie%3A%20Mit%20ein%20paar%20Schritten%20zum%20guten%20Satz\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Ftypographie%2Fmikrotypografie\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Ftypographie%2Fmikrotypografie\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>wirklich nur Kleinigkeiten, die aber, wenn man sie bereinigt, das Satzbild deutlich aufwerten.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[13],"tags":[18,16,19,17,14,21,20,23,15,430,22],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/138"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=138"}],"version-history":[{"count":10,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/138\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/138\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}