{"id":818,"date":"2011-02-10T05:22:57","date_gmt":"2011-02-09T20:22:57","guid":{"rendered":"http:\/\/www.weschkalnies.de\/blog\/?p=818"},"modified":"2011-02-10T05:33:54","modified_gmt":"2011-02-09T20:33:54","slug":"webfonts-subset-eines-webfonts-erstellen-teil-1","status":"publish","type":"post","link":"https:\/\/www.weschkalnies.de\/blog\/webfonts-subset-eines-webfonts-erstellen-teil-1\/","title":{"rendered":"Webfonts Teil 1: Subset eines Webfonts erstellen"},"content":{"rendered":"<p>Webfonts sind immer mehr im Kommen und das wurde ja auch h\u00f6chste Zeit. Ein Nachteil von Webfonts ist neben der limitierten Auswahl auch oft die Dateigr\u00f6\u00dfe. Ben\u00f6tigt man bspw. nur Ziffern eines Fonts, hat man h\u00e4ufig das Problem, dass es spezielle Schnitte bspw. nur mit Ziffern nicht gibt und auch kein Subset des Fonts definiert werden kann. So muss man im Zweifel f\u00fcr ein paar Ziffern eines Fonts 100KB+ laden lassen. Das ist f\u00fcr jemanden, der auf die Dateigr\u00f6\u00dfe achtet indiskutabel. Man kann jedoch solche Fonts auch auf ein Subset der Zeichen reduzieren. Wie das geht erkl\u00e4re ich im Folgenden kurz. <!--more--><\/p>\n<p>Hier hatte ich urspr\u00fcnglich jetzt eine lange Liste von freien und kommerziellen Fonteditoren aufgelistet, bis ich dann irgendwann verstanden habe, dass man mit Font Face Generator von <a href=\"http:\/\/www.fontsquirrel.com\">Font Squirrel<\/a> auch Subsets von Fonts machen kann. Dazu l\u00e4dt man den urspr\u00fcnglichen Font hoch und w\u00e4hlt den &#8222;Expert&#8220;-Modus. Im Bereich Subsetting=>Custom Subsetting kann man dann die Zeichen w\u00e4hlen. Danach l\u00e4dt man sich den neuen Font herunter. So erh\u00e4lt man bspw. f\u00fcr Ziffern von &#8222;RockSalt&#8220; eine 9.09 KB gro\u00dfe Datei, statt 108KB. Die kann man dann z.B. \u00fcber fontface auf einer Webseite nutzen. Wie das genau geht erkl\u00e4re ich in Teil 2.<\/p>\n<p>Hinweis: Man sollte bei der Schriftwahl darauf achten, dass die Lizenz einem das Editieren und neu ver\u00f6ffentlichen des ge\u00e4nderten Fonts erlaubt. Ich wollte das &#8218;Subsetting&#8216; eigentlich zun\u00e4chst mit dem OpenSource Tool <a href=\"http:\/\/fontforge.sourceforge.net\/\">FontForge<\/a> machen. Allerdings hat mich die Installation unter Win7 irgendwann zu sehr genervt und bin dann nach langer Suche auf FontSquirrel gestossen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webfonts sind immer mehr im Kommen und das wurde ja auch h\u00f6chste Zeit. Ein Nachteil von Webfonts ist neben der limitierten Auswahl auch oft die Dateigr\u00f6\u00dfe. Ben\u00f6tigt man&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,11],"tags":[19,24,17,16,18,15],"class_list":["post-818","post","type-post","status-publish","format-standard","hentry","category-htmlcss","category-sonstiges","tag-chars","tag-font-squirrel","tag-fontforge","tag-google","tag-subset","tag-webfonts"],"_links":{"self":[{"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/posts\/818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/comments?post=818"}],"version-history":[{"count":0,"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/posts\/818\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/media?parent=818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/categories?post=818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weschkalnies.de\/blog\/wp-json\/wp\/v2\/tags?post=818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}