Bulletproof @font-face Syntax

First time here? Subscribe to my RSS feed or follow me on Twitter.
Thanks for visiting!

According to Paul Irish’s article on Bulletproof @font-face syntax, this is the best @font-face syntax to use:

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
}

Check out his article for more information on why this works and the road he took to get here.

Find This Article Useful?

• Share/Save This Entry

Related Articles

• The League of Moveable Type
• typeface.js
• Extend CSS With Variables, Mixins, Operations and Nested Rules Using LESS
• Great Looking Cross-Browser Forms Using jQuery and Uniform
• CSS Trick to Auto-Clear Floats