title: Trouble with @font-face in IE
body: <p>I am trying to use a @font-face kit from fontsquirrel.com. I have pulled everything directly from the files they provide but when testing in IE9 using the developer tools I get the following results:</p>
  
  <p>Browser Mode: IE9, Document Mode: IE9 standards - font renders correctly<br>
  Browser Mode: IE8, Document Mode: IE8 standards - font does not render<br>
  Browser Mode: IE7, Document Mode: IE7 standards - font does not render  </p>
  
  <p>The curious and infuriating thing is when I view the demo file from the @font-face kit it renders correctly in all three of the above situations. And like I said everything is copy/paste from the files provided.</p>
  
  <p>The only difference I can think of is that I am using HTML5 Boilerplate.</p>
  
  <p>Any thoughts would be appreciated greatly.</p>
  
  <p><strong>In Response to the comments:</strong></p>
  
  <p>Here is the font: <a href="http://www.fontsquirrel.com/fonts/bebas-neue" rel="nofollow">http://www.fontsquirrel.com/fonts/bebas-neue</a></p>
  
  <p>And the CSS I'm using: </p>
  
  <pre><code>@font-face {
  font-family: "BebasNeueRegular";
  src: url('BebasNeue-webfont.eot?') format('eot'),
       url('BebasNeue-webfont.woff') format('woff'),
       url('BebasNeue-webfont.ttf') format('truetype'),
       url('BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  </code></pre>