{"id":202,"date":"2010-06-21T04:14:09","date_gmt":"2010-06-20T21:14:09","guid":{"rendered":"http:\/\/www.randomlog.org\/?p=202"},"modified":"2010-06-21T04:20:54","modified_gmt":"2010-06-20T21:20:54","slug":"css3-font-embedding-made-easy-by-google","status":"publish","type":"post","link":"https:\/\/randomlog.org\/blog\/css3-font-embedding-made-easy-by-google","title":{"rendered":"CSS3 font embedding made easy by Google"},"content":{"rendered":"<p>CSS3 font-face is great, but\u00a0<a href=\"http:\/\/code.google.com\/apis\/webfonts\/\">Google Font API<\/a> is greater. It efficiently removes the need of defining different font files for both IE and the rest (IE wants <strong>.eot<\/strong> while others wants <strong>.ttf<\/strong> IIRC).<\/p>\n<p>Simply add:<\/p>\n<p><code>&lt;link href=\"http:\/\/fonts.googleapis.com\/css?family=<strong><span style=\"color: #ff0000;\">[font names here]<\/span><\/strong>\" rel=\"stylesheet\" type=\"text\/css\" \/&gt;<\/code><\/p>\n<p>&#8230; immediately after &lt;head&gt; (as said by Google to prevent some unexpected weirdness), and you&#8217;ll be able to use <span style=\"color: #ff0000;\">[font names here]<\/span> in your CSS.<\/p>\n<p>Here&#8217;s <a href=\"http:\/\/www.parungfarm.com\/dev\/layout-home.html\">an example<\/a>, all fonts are <strong>not<\/strong> &#8220;web-safe&#8221; fonts.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 font-face is great, but\u00a0Google Font API is greater. It efficiently removes the need of defining different font files for both IE and the rest (IE wants .eot while others wants .ttf IIRC). Simply add: &lt;link href=&#8221;http:\/\/fonts.googleapis.com\/css?family=[font names here]&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/&gt; &#8230; immediately after &lt;head&gt; (as said by Google to prevent some unexpected weirdness), [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6,19,20,9],"class_list":["post-202","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-css","tag-google","tag-show-off","tag-web-standards"],"_links":{"self":[{"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/posts\/202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/comments?post=202"}],"version-history":[{"count":6,"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/posts\/202\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/posts\/202\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/media?parent=202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/categories?post=202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/randomlog.org\/blog\/wp-json\/wp\/v2\/tags?post=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}