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

FontSquirrel.com’s @font-face Generator

Ubuntu

http://www.fontsquirrel.com/fonts/ubuntu

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+

Formats:

• 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