@font-face Generator (TTF/ODT/WOFF/ SVG)

FontSquirrel.com’s @font-face Generator



How to Use @font-face

@font-face { font-family: UbuntuCondensedRegular; src: url(Ubuntu-C-webfont.eot); src: url(Ubuntu-C-webfont.eot?#iefix) format(embedded-opentype), url(Ubuntu-C-webfont.woff) format(woff), url(Ubuntu-C-webfont.ttf) format(truetype), url(Ubuntu-C-webfont.svg#UbuntuCondensedRegular) format(svg); font-weight: normal; font-style: normal;}
h1 {font: 18px UbuntuCondensedRegular, Arial, sans-serif;}

CSS @font-face Cross Browser Compatibility

@font-face is completely cross browser compatible with all major web browsers as well as most less popular web browsers. Surprisingly, @font-face has been around for a while and is even supported by old versions of IE.

  • Internet Explorer 4+
  • Chrome 4+
  • Mozilla/Firefox 3.5+
  • Safari/iOS 3.1+
  • Opera 10+


  • TTF - Works in most browsers except IE and iPhone.
  • EOT - IE only.
  • WOFF - Compressed, emerging standard.
  • SVG - iPhone/iPad.

Related Posts

Font-face kit generator, Google Font Preview, Google Fonts API, CSS3 font face, Font family