{"id":9,"date":"2008-12-31T11:44:02","date_gmt":"2008-12-31T11:44:02","guid":{"rendered":"http:\/\/blog.gavtaylor.co.uk\/?p=9"},"modified":"2009-02-08T11:11:11","modified_gmt":"2009-02-08T11:11:11","slug":"fontscoming-to-a-site-near-you","status":"publish","type":"post","link":"https:\/\/gavtaylor.uk\/blog\/fontscoming-to-a-site-near-you","title":{"rendered":"Fonts&#8230;.coming to a site near you"},"content":{"rendered":"<p>Just thought i would make a note to say Fonts are finally here&#8230;.no more putting up with arial, being funky with verdana or stuck with times new roman&#8230;. as Firefox 3.1 continues to be flooded with features we have been waiting an age for, P0RN mode, faster javascript, html 5.<br \/>\nWe are finally getting the ability to use what ever font we wish, as part of our website designs, as long as its a public font of course.<\/p>\n<p>Firefox 3.1 allows us to use the CSS3 rule <strong>@font-face<\/strong>, allowing us to specify a font not necessarily installed on a visitors system. The rule alerts the visiting browser a non-standard font is required and is given a location it can download the font into the temp files to display the website as intended.<\/p>\n<h3 class=\"editable\">Syntax<\/h3>\n<pre>@font-face {\r\n  font-family: &lt;a-remote-font-name&gt;;\r\n  src: &lt;uri&gt;;\r\n}<\/pre>\n<h3 class=\"editable\">Example<\/h3>\n<pre>  &lt;style type=\"text\/css\" media=\"screen, print\"&gt;\r\n    @font-face {\r\n      font-family: \"Bitstream Vera Serif Bold\";\r\n      src: url(\"http:\/\/developer.mozilla.org\/@api\/deki\/files\/2934\/=VeraSeBd.ttf\");\r\n    }\r\n\r\n    body { font-family: \"Bitstream Vera Serif Bold\", serif }\r\n  &lt;\/style&gt;<\/pre>\n<p>More details on this can be found over at the <a href=\"https:\/\/developer.mozilla.org\/en\/CSS\/@font-face\" target=\"_blank\">Mozilla Dev site<\/a> , they have also publised a <a href=\"https:\/\/developer.mozilla.org\/en\/Firefox_3.1_for_developers\" target=\"_blank\">list for developers<\/a> with all the features being added to 3.1<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just thought i would make a note to say Fonts are finally here&#8230;.no more putting up with arial, being funky with verdana or stuck with times new roman&#8230;. as Firefox 3.1 continues to be flooded with features we have been waiting an age for, P0RN mode, faster javascript, html 5. We are finally getting the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[43,36],"tags":[34,28,33,27,35],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/posts\/9"}],"collection":[{"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":0,"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gavtaylor.uk\/blog\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}