{"id":1945,"date":"2010-05-20T14:22:06","date_gmt":"2010-05-20T06:22:06","guid":{"rendered":"http:\/\/keemanxp.com\/blog\/?p=1945"},"modified":"2010-05-20T14:24:27","modified_gmt":"2010-05-20T06:24:27","slug":"google-introduces-web-font-api-and-open-font-library","status":"publish","type":"post","link":"https:\/\/keemanxp.com\/blog\/2010\/google-introduces-web-font-api-and-open-font-library.html","title":{"rendered":"Google Introduces Web Font API and Open Font Library"},"content":{"rendered":"<p>Let&#8217;s face it, typography on the web is a major source of difficulty for web designers today. Many opt for common universal fonts and bring in new fonts requires some CSS tweaking. Well, Google aims to tackle this problem by introducing an open source font library, and an API that makes it easy to use the new fonts on your own webpage. You don&#8217;t have to upload any font files, just embed the API codes, and you&#8217;re ready to go.<\/p>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-1947  aligncenter\" title=\"google_fonts\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/2010\/05\/google_fonts.jpg\" alt=\"\" width=\"500\" height=\"349\" srcset=\"https:\/\/keemanxp.com\/blog\/wp-content\/uploads\/2010\/05\/google_fonts.jpg 500w, https:\/\/keemanxp.com\/blog\/wp-content\/uploads\/2010\/05\/google_fonts-300x209.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>So, apart from the general fonts like Georgia, Arial and the rest, you can now embed more fonts like Droid Serif, Molengo, and Tangerine on the web. In addition to the <a href=\"http:\/\/code.google.com\/apis\/webfonts\/\">Google  Font Directory and Google Font API<\/a>, there&#8217;s also a partnership with  Typekit to create something called the <a href=\"http:\/\/code.google.com\/apis\/webfonts\/docs\/webfont_loader.html\">WebFont  Loader<\/a>. The WebFont Loader is a JavaScript library that works with  Google&#8217;s API, but gives you more control over font loading, and even  allows you to pull in fonts from other web-font sources.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-full wp-image-1948  aligncenter\" title=\"fonts\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/2010\/05\/fonts.jpg\" alt=\"\" width=\"505\" height=\"290\" srcset=\"https:\/\/keemanxp.com\/blog\/wp-content\/uploads\/2010\/05\/fonts.jpg 768w, https:\/\/keemanxp.com\/blog\/wp-content\/uploads\/2010\/05\/fonts-300x172.jpg 300w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s face it, typography on the web is a major source of difficulty for web designers today. Many opt for<\/p>\n","protected":false},"author":1,"featured_media":1948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[1006,1007,89,1005,188,178],"class_list":["post-1945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-web","tag-api","tag-font-library","tag-google","tag-google-fonts","tag-open-source","tag-web"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/posts\/1945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/comments?post=1945"}],"version-history":[{"count":0,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/posts\/1945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/media\/1948"}],"wp:attachment":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/media?parent=1945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/categories?post=1945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/tags?post=1945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}