{"id":254,"date":"2007-03-22T09:06:24","date_gmt":"2007-03-22T08:06:24","guid":{"rendered":"http:\/\/www.web-3-null.de\/index.php\/online-marketing\/schriften-im-web-hintergrunde.html"},"modified":"2008-02-09T04:17:16","modified_gmt":"2008-02-09T03:17:16","slug":"schriften-im-web-hintergrunde","status":"publish","type":"post","link":"https:\/\/www.web-3-null.de\/index.php\/schriften-im-web-hintergrunde\/","title":{"rendered":"Schriften im Web &#8211; Hintergr\u00fcnde"},"content":{"rendered":"<p>Die Vielfalt an Schriften ist un\u00fcbersehbar. Wer einmal in das &#8222;Zubeh\u00f6rpaket&#8220; etwa von CorelDraw oder PhotoShop sieht, bekommt neben seinen sowieso vom Betriebssystem gestellten Schrifttypen gleich einen vollen Satz verschiedenster Schriften. Dieser reicht von klassischer Schreibmaschinenschrift bis hin zu verspielten Kunstschriften oder poppigen Comiczeichen. Sch\u00f6n, wenn man in Print-Publikationen aus dem vollen sch\u00f6pfen kann und eine hundertprozentig passende Type f\u00fcr ein Plakat hervorzaubert.<\/p>\n<p>Online bleibt davon wenig \u00fcbrig. Eigentlich sind nur vier oder f\u00fcnf Schriften gebr\u00e4uchlich, meist beschr\u00e4nkt sich die Verwendung auf Verdana. Warum? Auf dem Papier mit seiner hohen Aufl\u00f6sung lassen sich serifenbetonte Schriften (das sind die mit den kleinen Schn\u00f6rkeln an den Enden der Buchstaben) problemlos abbilden. Das menschliche Auge kommt gut mit einer Times oder einer Times New Roman zurecht. Die Serifen leiten den Lesenden optisch auf den n\u00e4chsten Buchstaben weiter &#8211; es wird leichter, ein Wort im Ganzen zu begreifen. Serifenlose Schriften (also ohne die kleinen Schn\u00f6rkel, Paradebeispiel Arial) wirken eher abgehackt. Hier gibt es modernere Alternativen. Ganz mies sieht es mit der alten Schreibmaschinenschrift aus, die ist im Zeitalter der EDV nur noch f\u00fcr Spezialanwendungen brauchbar.<\/p>\n<p>OK, weiter online. Ein Bildschirm hat eine Aufl\u00f6sung von 72 dpi und damit deutlich weniger als der Druck. Verdana hat hier den Vorteil, dass sie gute Kontraste hat, trotzdem fl\u00fcssig gelesen werden kann. Zudem passt das Schriftbild eher zum &#8222;modernen&#8220; Aufbau von Webseiten. Und die Verdana ist auf jedem Rechner verf\u00fcgbar. Ist sie es nicht, schaltet man via HTML automatisch auf Arial um. Arial wird sozusagen als Reserve hinterlegt, weil die nun wirklich auf jedem Rechner ist. Was beim Druck zu meist grausigen Resultaten f\u00fchrt, erleichtert online die Lesbarkeit. Blockstrukturen einer Webseite passen einfach besser mit diesen Schriften.<\/p>\n<p>Wenn jemand eine genau passende Spezialschrift verwenden m\u00f6chte, wirds schwierig. Nat\u00fcrlich hat nicht jeder Benutzer da drau\u00dfen die ansonsten gut einsetzbare Avantgarde auf seinem System, erst recht nicht in allen Varianten. Oder, wenn es mal lockerer sein darf eine Comic Sans, wuchtiger eine Bremen oder Gothic oder edler eine Vivace.<\/p>\n<p>Uuuuupps, n\u00e4chste Falle. Das sind Schriften, die teilweise speziell von Windows verwendet werden. Ein Mac, Linux oder verschiedene Generationen von Windows kommen mit unterschiedlichen Schriftnamen daher. Fr\u00fcher einmal waren Schriften sauteuer, noch in den Neunzigern musste man f\u00fcr vier, f\u00fcnf gute Schriften mit einigen Variationen (Schnitten) gleich einige Hunderter zahlen. Microsoft hat einfach eigene Schriftnamen vergeben, die den Klassikern im Schriftbild \u00e4hnelten und sich nur nach Aussprache unterschieden. Tja, leider kennt ein Computer keine Aussprache und in HTML gibts halt nur: Schrifttyp XY ist was anderes als Schrifttyp XZ, selbst, wenn die gleich aussehen. Also bleibt man brav bei dem, was eine m\u00f6glichst breite Anwenderschaft installiert hat und was jedes Betriebssystem, jeder Browser versteht.<\/p>\n<p>Wie siehts denn dann mit Logos, Kunstschriften oder Grafiken aus? Die muss man als Bild speichern, sonst zerhaut es einem das Layout, wenn der Browser sich eigenst\u00e4ndig eine Alternative sucht. Das wiederum m\u00f6gen Suchmaschinen gar nicht gerne, sie k\u00f6nnen die Inhalte der Grafiken nicht lesen. Ausweg: der HTML-Befehl &#8222;alt&#8220; verpasst einem Bild einen &#8222;alt&#8220;ernativen Text, mit dem wiederum eine Suchmaschine etwas anfangen kann. L\u00e4stig, aber unumg\u00e4nglich.<\/p>\n<p>Deshalb bleiben die meisten Webauftritte ganz brav bei der brauchbaren &#8222;Einheitsschrift&#8220; Verdana, meist mit Arial als Alternative. Lesen Sie einmal ein Buch \u00fcber Typografie. Und spielen Sie einmal mit einem Grafikprogramm, indem Sie beispielsweise Schriften stauchen oder ziehen. Kann man einige sch\u00f6ne Effekte erzielen, die leider online aber nicht umsetzbar sind.\n<\/p>\n<p><!--4e62ef6137da0ba92c7688895c14e3ce--><\/p>\n<div class=\"shariff shariff-align-flex-start shariff-widget-align-flex-start\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><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.web-3-null.de%2Findex.php%2Fschriften-im-web-hintergrunde%2F\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"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 twitter shariff-nocustomcolor\" style=\"background-color:#595959\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.web-3-null.de%2Findex.php%2Fschriften-im-web-hintergrunde%2F&text=Schriften%20im%20Web%20%E2%80%93%20Hintergr%C3%BCnde\" title=\"Bei X teilen\" aria-label=\"Bei X teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button whatsapp shariff-nocustomcolor\" style=\"background-color:#5cbe4a\"><a href=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.web-3-null.de%2Findex.php%2Fschriften-im-web-hintergrunde%2F%20Schriften%20im%20Web%20%E2%80%93%20Hintergr%C3%BCnde\" title=\"Bei Whatsapp teilen\" aria-label=\"Bei Whatsapp teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#34af23; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#34af23\" d=\"M17.6 17.4q0.2 0 1.7 0.8t1.6 0.9q0 0.1 0 0.3 0 0.6-0.3 1.4-0.3 0.7-1.3 1.2t-1.8 0.5q-1 0-3.4-1.1-1.7-0.8-3-2.1t-2.6-3.3q-1.3-1.9-1.3-3.5v-0.1q0.1-1.6 1.3-2.8 0.4-0.4 0.9-0.4 0.1 0 0.3 0t0.3 0q0.3 0 0.5 0.1t0.3 0.5q0.1 0.4 0.6 1.6t0.4 1.3q0 0.4-0.6 1t-0.6 0.8q0 0.1 0.1 0.3 0.6 1.3 1.8 2.4 1 0.9 2.7 1.8 0.2 0.1 0.4 0.1 0.3 0 1-0.9t0.9-0.9zM14 26.9q2.3 0 4.3-0.9t3.6-2.4 2.4-3.6 0.9-4.3-0.9-4.3-2.4-3.6-3.6-2.4-4.3-0.9-4.3 0.9-3.6 2.4-2.4 3.6-0.9 4.3q0 3.6 2.1 6.6l-1.4 4.2 4.3-1.4q2.8 1.9 6.2 1.9zM14 2.2q2.7 0 5.2 1.1t4.3 2.9 2.9 4.3 1.1 5.2-1.1 5.2-2.9 4.3-4.3 2.9-5.2 1.1q-3.5 0-6.5-1.7l-7.4 2.4 2.4-7.2q-1.9-3.2-1.9-6.9 0-2.7 1.1-5.2t2.9-4.3 4.3-2.9 5.2-1.1z\"\/><\/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.web-3-null.de%2Findex.php%2Fschriften-im-web-hintergrunde%2F\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noopener 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\">teilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Die Vielfalt an Schriften ist un\u00fcbersehbar. Wer einmal in das &#8222;Zubeh\u00f6rpaket&#8220; etwa von CorelDraw oder PhotoShop sieht, bekommt neben seinen sowieso vom Betriebssystem gestellten Schrifttypen gleich einen vollen Satz verschiedenster Schriften. Dieser reicht von klassischer Schreibmaschinenschrift bis hin zu verspielten Kunstschriften oder poppigen Comiczeichen. Sch\u00f6n, wenn man in Print-Publikationen aus dem vollen sch\u00f6pfen kann und &hellip; <a href=\"https:\/\/www.web-3-null.de\/index.php\/schriften-im-web-hintergrunde\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eSchriften im Web &#8211; Hintergr\u00fcnde\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-254","post","type-post","status-publish","format-standard","hentry","category-online-marketing"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/posts\/254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/comments?post=254"}],"version-history":[{"count":0,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/posts\/254\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/media?parent=254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/categories?post=254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/tags?post=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}