HTML5 & CSS3 » Recursos de Diseño Web. Practical CSS3: Develop and Design: Chris Mills: 9780321823724: Amazon.com. Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel. The New Bulletproof @Font-Face Syntax. February 3, 2011 Updated: April 21, 2011 10:49 AM EST Since the beginning of the 'webfont revolution' we've relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser.
Could there be a better way? One that's clear and compatible with future browsers? Short history In September 2009, Paul Irish came up with the Bulletproof syntax for writing the @font-face declaration. The “Fontspring @Font-Face Syntax” The code should have been clean, clear and simple all along. What? The hack trick that makes this work is the '? ' How it works Internet Explorer <9 has a bug in the parser for the src attribute. Browser compatibility Safari 5.03, IE 6-9, Firefox 3.6-4, Chrome 8, iOS 3.2-4.2, Android 2.2-2.3, Opera 11 What about data uri fonts? You can use this syntax as well to embed your fonts into a stylesheet.
Albert Ward offered to translate this post to Bulgarian Update 1 - Feb 3, 2011 The CSSNinja made a great observation about how to get IE9 to take a WOFF instead of the EOT. HTML5 Please - Use the new and shiny responsibly. Lorem Ipsum Generator - Samuel L Ipsum.