Der Ansatz ist unglaublich vielversprechend — endlich sollen wir im Internet Text nicht mehr nur in Arial, Verdana, Times New Roman, Helvetica oder Sans Serif sehen m\u00fcssen. Statt dessen sollen uns Web Designern eine Vielzahl alternativer Schriftarten zur Verf\u00fcgung stehen, und deren Verwendung ist auch noch so einfach und bequem!<\/p>\n
Wie ich aber gerade an einem Webprojekt bemerken musste, sind wir noch nicht am Ziel der Umsetzung aller W\u00fcnsche angekommen. Meine Kundin hat sich f\u00fcr Ihre Website f\u00fcr die bei Google Fonts angebotene „PT Sans“ entschieden, eine schlanke und elegante Schriftart. Nach deren Einbettung allerdings stellten wir besorgt fest, dass die deutschen Umlaute irgendwie kleiner als andere Buchstaben angezeigt wurden und dadurch das Schriftbild sehr unruhig aussah.<\/p>\n
Eine kurze Recherche ergab, dass f\u00fcr eine korrekte Darstellung der Umlaute das Subset „Latin“ nicht ausreicht. Nach Anpassung des Einbettungslinks und Verwendung des Subsets „Latin Extended“ funktionierte alles wie gew\u00fcnscht.<\/p>\n
Wenn man allerdings dem „Impact on page load time“-Messer Glauben schenkt, liegen zwischen beiden Subsets sage und schreibe 148 „Einheiten“ (so ganz klar wird leider nicht, ob es sich dabei um beispielsweise Millisekunden handelt, aber es „klingt“ viel).<\/p>\n
Und das nur wegen der paar Umlaute? Vermutlich nicht. Wahrscheinlicher ist es, dass das „Latin Extended“-Subset eine Reihe weiterer Zeichen enth\u00e4lt, die ich \u00fcblicherweise nicht nutze und f\u00fcr das vorliegende Projekt auch nicht brauche. Sch\u00f6n w\u00e4re es hier, wenn ich spezifizieren k\u00f6nnte, welche Zeichen ich eigentlich ben\u00f6tige, und nur die anfordern\/einbetten k\u00f6nnte. Wenn man in einen Adobe Flash-Film Schriftzeichen einbetten will, hat man genau diese M\u00f6glichkeit.<\/p>\n
Schaut man allerdings in den Abschnitt „Optimizing your font requests (Beta)“ in der Google Fonts-Referenz, wird deutlich, dass man im Hause Google auch schon bemerkt hat, dass noch Raum zur Verbesserung besteht. Das „(Beta)“ zeigt uns aber auch, dass es sich um ein Feature handelt, auf das wir Web Designer uns noch nicht verlassen d\u00fcrfen. Aktuell liegen mir noch keine Daten dazu vor, inwiefern dieses Feature bereits unterst\u00fctzt wird. Im Bereich Internetstandards sind wir es ja gewohnt, auch mal Jahre auszuharren, bis sich etwas Gutes durchgesetzt hat…<\/p>\n
Links zum Thema: Der Ansatz ist unglaublich vielversprechend — endlich sollen wir im Internet Text nicht mehr nur in Arial, Verdana, Times New Roman, Helvetica oder Sans Serif sehen m\u00fcssen. Statt dessen sollen uns Web Designern eine Vielzahl alternativer Schriftarten zur Verf\u00fcgung stehen, und deren Verwendung ist auch noch so einfach und bequem!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[6,8],"class_list":["post-45","post","type-post","status-publish","format-standard","hentry","category-web-design-2","tag-google-fonts","tag-web-design"],"_links":{"self":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":1,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":194,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/45\/revisions\/194"}],"wp:attachment":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nGoogle Fonts<\/a>
\nOptimizing your font requests<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"