furtiveCode.com » @font-face http://furtivecode.com Chris Lamothe's weblog. Mon, 23 Apr 2012 09:28:39 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 The New Face of Fonts on the Web http://furtivecode.com/2008/12/05/the-new-face-of-fonts-on-the-web/ http://furtivecode.com/2008/12/05/the-new-face-of-fonts-on-the-web/#comments Fri, 05 Dec 2008 05:09:52 +0000 Chris Lamothe http://furtivecode.com/?p=42
Read more ›
]]> Support for fonts on the web has been a sore spot for a long time, but that’s all about to change with both Firefox 3.1 and the latest Webkit (Safari, Opera, Google Chrome) properly support CCS 3′s @font-face property.  Now browsers will be able to automatically download fonts from an online location.

Here’s a simple example:

      @font-face {
        font-family: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }

This is very exciting news.  No longer will typographically savvy developers need to rely on clever sIFR hacks.  Oh, and not to make Internet Explorer an afterthought, but IE has supported @font-face since version 4, except with a proprietary .EOT filetype, a compressed form of OpenType, while Firefox and Webkit are supporting the more common and non-proprietary TrueType and OpenType formats.

]]> http://furtivecode.com/2008/12/05/the-new-face-of-fonts-on-the-web/feed/ 3