{"id":225,"date":"2010-07-15T07:56:59","date_gmt":"2010-07-15T07:56:59","guid":{"rendered":"http:\/\/johannes-heuckeroth.de\/blog\/?p=225"},"modified":"2018-04-10T20:10:43","modified_gmt":"2018-04-10T18:10:43","slug":"ilovethesky-com-und-das-thema-webfonts","status":"publish","type":"post","link":"https:\/\/johannes-heuckeroth.de\/blog\/webdesign\/ilovethesky-com-und-das-thema-webfonts\/","title":{"rendered":"ilovethesky.com und das Thema Webfonts"},"content":{"rendered":"<p><a href=\"http:\/\/ilovethesky.com\"><img decoding=\"async\" src=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.47.58.png\" alt=\"\" title=\"ilovethesky.com\" width=\"500\" class=\"alignleft size-full wp-image-238\" srcset=\"https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.47.58.png 1010w, https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.47.58-300x155.png 300w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/a><\/p>\n<p>Auf <a href=\"http:\/\/ilovethesky.com\">ilovethesky.com<\/a> startete gestern ein neues kleines Projekt von mir: Jeden Tag ein Himmelsfoto. <\/p>\n<p>Zum ersten Mal hab ich mich bei der Umsetzung mit dem Thema Webfonts auseinandergesetzt. Wer sich n\u00e4her mit dem Thema Webfonts auseinander setzen will, sollte sich mal auf dem Blog <a href=\"http:\/\/praegnanz.de\/suche\/?q=webfonts\">praegnanz.de<\/a> umschauen, dort gibt es zahlreiche Artikel zu dem Thema.<\/p>\n<p> Nachdem ich auf dem Blog von <a href=\"http:\/\/www.stereotypes.de\">Sascha Timplan<\/a> \u00fcber die <a href=\"http:\/\/blog.stereotypes.de\/2010\/06\/st-marie-thin\/\">&#8222;St Marie Thin&#8220;<\/a> stie\u00df, die frei verwendbar ist und auch eine Webfonts-Variante enth\u00e4lt, entschied ich mich diese f\u00fcr mein Projekt einzusetzen. Vorerst allerdings nur f\u00fcr Nutzer von Mac, da die Schrift unter Windows dank des grauenhaften Fontrenderings desselbigen Betriebssystem nicht verwendbar ist. Zumindest unter Windows XP, Vista oder Windows 7 konnte ich nicht testen. <\/p>\n<p>St.Marie Thin unter Mac:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.35.59.png\" alt=\"\" title=\"Bildschirmfoto 2010-07-15 um 09.35.59\" width=\"554\" height=\"157\" class=\"alignleft size-full wp-image-228\" srcset=\"https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.35.59.png 554w, https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.35.59-300x85.png 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/p>\n<p>Die Arial als Ersatz unter Windows:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.39.png\" alt=\"\" title=\"Bildschirmfoto-2010-07-15-um-09.39\" width=\"534\" height=\"111\" class=\"alignleft size-full wp-image-230\" srcset=\"https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.39.png 534w, https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.39-300x62.png 300w\" sizes=\"auto, (max-width: 534px) 100vw, 534px\" \/><\/p>\n<p>St.Marie Thin unter Windows XP \/ Firefox:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.40.12.png\" alt=\"\" title=\"Bildschirmfoto-2010-07-15-um-09.40.12\" width=\"358\" height=\"151\" class=\"alignleft size-full wp-image-234\" srcset=\"https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.40.12.png 358w, https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/Bildschirmfoto-2010-07-15-um-09.40.12-300x126.png 300w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/p>\n<p>Nachtrag:<br \/>\nAuf dem Display des iPhone4 macht die St.Marie Thin einen sehr guten Eindruck. Allerdings k\u00f6nnen die Screenshots den Originaleindruck nicht wirklich wiedergeben:<br \/>\n<a href=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/iphone-marie.png\"><img decoding=\"async\" src=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/iphone-marie.png\" alt=\"\" title=\"iphone-marie\" width=\"500\"  class=\"alignleft size-full wp-image-272\" srcset=\"https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/iphone-marie.png 960w, https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/07\/iphone-marie-300x249.png 300w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Bin gespannt wie sich das Thema Webfonts weiterentwickelt. Der gr\u00f6\u00dfte Hinderungsgrund f\u00fcr einen Einsatz ist wohl das Fontrendering unter Windows. Wobei ich hier anmerken muss, dass ich da nur f\u00fcr XP sprechen kann, die wohl verbesserten F\u00e4higkeiten von Vista und 7 konnte ich noch nicht begutachten. <\/p>\n<p>Das Projekt l\u00e4uft unter <a href=\"http:\/\/wordpress-deutschland.org\/download\/\">WordPress 3.0<\/a>, mit dem <a href=\"http:\/\/johannes.jarolim.com\/blog\/wordpress\/yet-another-photoblog\/\">Yet Another Photoblog Plugin<\/a> und dem angepassten Theme <a href=\"http:\/\/blog.jasen.dk\/monolit\">Monolit<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Auf ilovethesky.com startete gestern ein neues kleines Projekt von mir: Jeden Tag ein Himmelsfoto. Zum ersten Mal hab ich mich bei der Umsetzung mit dem Thema Webfonts auseinandergesetzt. Wer sich n\u00e4her mit dem Thema Webfonts auseinander setzen will, sollte sich mal auf dem Blog praegnanz.de umschauen, dort gibt es zahlreiche Artikel zu dem Thema. Nachdem [&hellip;]<\/p>\n","protected":false},"author":491,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,30,5,3],"tags":[34,35,91,25],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-in-eigener-sache","category-screendesign","category-technik","category-webdesign","tag-blogs","tag-fotos","tag-webfonts","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/users\/491"}],"replies":[{"embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":21,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/225\/revisions\/856"}],"wp:attachment":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}