title: @font-face not working in Firefox, but works in Chrome
body: <p>The fonts used to work, today they stopped working w/o any CSS changes. I can see from firebug net panel that the .woff gets downloaded (oddly twice, first DL is just a circle rolling forever and doesn't complete). Tested on FF9/10. Here's my CSS:</p>
  
  <pre><code>@font-face {
      font-family: 'BebasNeueRegular';
      src: url('../fonts/BebasNeue-webfont.eot');
      src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/BebasNeue-webfont.woff') format('woff'),
           url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
           url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  
  a.css3button, button, input[type="submit"], input[type="reset"], input[type="button"] {
      ..
      font-family: "bebasNeueRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      ..
  }
  </code></pre>
  
  <p>I got it from: <a href="http://dev.florianweber.me/bf3buttons/#" rel="nofollow">http://dev.florianweber.me/bf3buttons/#</a> -- where it does work in my Firefox. What could be causing conflicts?</p>