title: Font-face does not work on firefox. Works well on others
body: <p>I have a project that's been using font-face without problem for some time.
  Today I checked and font face is not working on firefox v14 and v15 provably also not working on v12+ as is the case in this thread: <a href="http://css-tricks.com/forums/discussion/17337/font-face-problem-with-firefox-v-12/p1" rel="nofollow noreferrer">http://css-tricks.com/forums/discussion/17337/font-face-problem-with-firefox-v-12/p1</a>
  My problem is exactly the same as in the previous thread.</p>
  
  <p>To summarize.
  I'm using font face to load web fonts like this:</p>
  
  <pre><code>@font-face {
      font-family: 'TradeGothicLTStdCnBold';
      src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot');
      src: url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
           url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
           url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
           url('/jovenestalentos/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdCnBold') format('svg');
      font-weight: normal;
      font-style: normal;
  </code></pre>
  
  <p>and then</p>
  
  <pre><code>#bea .bea {
      font-family: 'TradeGothicLTStdCnBold';
      font-size: 14px;
  }
  </code></pre>
  
  <p>The fonts are loading correctly according to firebug.
  It works on safari, chrome, IE and <strong>some firefoxs</strong>.
  I've tried 6 firefoxs (v13-15) and it worked in some of them and not on others. I haven't been able to establish any reason why.</p>
  
  <p>I've also looked for the firefox configuration value 
      gfx.font_rendering.cleartype.always_use_for_content;
  And i've noticed is set to false in all the firefoxs I tested, even the ones that work correctly.</p>
  
  <p>Live example:
  <a href="http://comoquierascolacao.com/jovenestalentos/" rel="nofollow noreferrer">http://comoquierascolacao.com/jovenestalentos/</a></p>
  
  <p>How it should look:
  <a href="http://postimage.org/image/n2r9fxdsv/" rel="nofollow noreferrer">http://postimage.org/image/n2r9fxdsv/</a><img src="https://i.stack.imgur.com/vsEVO.png" alt="how it should look"></p>
  
  <p>To summarize:
  - The routes work.
  - The routes are in the same domain, no cross-domain issues.
  - It does work in some firefoxs and it doesn't in others (no reason that i can figure out).
  - It did work in my own firefox before, maybe prior to v12.</p>
  
  <p>Thank you all, any help will be greatly appreciated because this is driving me nuts.</p>