{"id":379,"date":"2010-09-19T13:38:35","date_gmt":"2010-09-19T13:38:35","guid":{"rendered":"http:\/\/johannes-heuckeroth.de\/blog\/?p=379"},"modified":"2018-04-10T20:10:30","modified_gmt":"2018-04-10T18:10:30","slug":"einbindung-von-webfonts-mit-typekit","status":"publish","type":"post","link":"https:\/\/johannes-heuckeroth.de\/blog\/webdesign\/einbindung-von-webfonts-mit-typekit\/","title":{"rendered":"Einbindung von Webfonts mit Typekit"},"content":{"rendered":"<p>In den letzten Wochen habe ich einige kleinere \u00c4nderungen am Design der Website und des Blogs vorgenommen. Nachdem ich bei meinem Projekt <a href=\"http:\/\/www.ilovethesky.com\">ilovethesky.com<\/a> erste Erfahrungen mit dem <a href=\"http:\/\/johannes-heuckeroth.de\/blog\/webdesign\/ilovethesky-com-und-das-thema-webfonts\/\">Thema Webfonts<\/a> gesammelt habe, war es jetzt an der Zeit mich mit einem Webfont-Service zu besch\u00e4ftigen. Meine Wahl fiel dabei auf den aktuell wohl fortschrittlichsten und gr\u00f6\u00dften Anbieter <a href=\"http:\/\/www.typekit.com\">typekit<\/a>.<\/p>\n<p>Nach einigen Experimenten fiel meine Wahl schlie\u00dflich auf die Myriad f\u00fcr den Flie\u00dftext und die FF Tisa Pro f\u00fcr Headlines bzw. Navigation. Beide Schriften sind gut lesbar, und geben auch unter Windows, trotz des sehr schlechten Fontrenderings des Betriebssystems, ein aktzeptables Bild ab. <\/p>\n<p>Dieser Screenshot zeigen die Schriften unter Mac OS X, Firefox:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/09\/fonts.png\" alt=\"\" title=\"fonts\" width=\"506\" height=\"106\" class=\"alignleft size-full wp-image-386\" srcset=\"https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/09\/fonts.png 506w, https:\/\/johannes-heuckeroth.de\/blog\/wp-content\/uploads\/2010\/09\/fonts-300x62.png 300w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/p>\n<p>Typekit ist in der Grundversion kostenlos, bietet allerdings in diesem Paket auch nur eine begrenzte Schriftauswahl. Da ich unter den kostenlosen Schriften nichts passendes fand, entschied ich mich f\u00fcr das Paket &#8222;Personal&#8220;, hier zahlt man 24,99 Dollar im Jahr. Allerdings sind auch in diesem Paket nicht alle Schriften enthalten, was ich schon etwas unpassend empfinde. Einen \u00dcberblick \u00fcber alle Pakete gibt es <a href=\"https:\/\/typekit.com\/plans\">hier<\/a>.<br \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In den letzten Wochen habe ich einige kleinere \u00c4nderungen am Design der Website und des Blogs vorgenommen. Nachdem ich bei meinem Projekt ilovethesky.com erste Erfahrungen mit dem Thema Webfonts gesammelt habe, war es jetzt an der Zeit mich mit einem Webfont-Service zu besch\u00e4ftigen. Meine Wahl fiel dabei auf den aktuell wohl fortschrittlichsten und gr\u00f6\u00dften Anbieter [&hellip;]<\/p>\n","protected":false},"author":491,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,5,4,3],"tags":[47,91],"class_list":["post-379","post","type-post","status-publish","format-standard","hentry","category-screendesign","category-technik","category-typografie","category-webdesign","tag-typekit","tag-webfonts"],"_links":{"self":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/379","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=379"}],"version-history":[{"count":8,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/379\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/posts\/379\/revisions\/389"}],"wp:attachment":[{"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/media?parent=379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/categories?post=379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johannes-heuckeroth.de\/blog\/wp-json\/wp\/v2\/tags?post=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}