title: cross-browser "bullet-proof" CSS3 @font-face syntax
body: <p>I have seen many attempts at a cross-browser @font-face syntax including the:</p>
  
  <ul>
  <li><a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax">Bulletproof @font-face syntax</a> (specifically the <a href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/#smiley">smiley variation</a>)</li>
  <li><a href="http://readableweb.com/mo-bulletproofer-font-face-css-syntax/">Mo’ Bulletproofer @Font-Face CSS Syntax</a></li>
  <li><a href="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax">The New Bulletproof @Font-Face Syntax</a></li>
  <li>...and a few others.</li>
  </ul>
  
  <p>Which one is best? Which one has the best browser support?<br/>
  I'm not worrying about IE 5 support, :) but I don't want a browser to have to download multiple versions of the same font.</p>
  
  <p>Thanks guys!</p>