title: Firefox not loading my font in one web but does in another web, while Chrome does in both
body: <p>We're experiencing one issue with one of our webfonts and, after searching and searching, we can't find the cause.</p>
  
  <p>We have one developed web application with JSP, which loads a font with the following CSS:</p>
  
  <pre><code>@font-face {
      font-family: 'MyFont';
      src: url('fonts/myfont-webfont.eot');
      src: url('fonts/myfont-webfont.eot?#iefix') format('embedded-opentype'), 
           url('fonts/myfont-webfont.woff') format('woff'), 
           url('fonts/myfont-webfont.ttf') format('truetype'),
           url('fonts/myfont-webfont.svg#MyFontRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>When we have to use this font, we're calling it with:</p>
  
  <pre><code>.formlogin span.help-block a {
      color: #93B1CC !important;
      font-weight: normal;
      padding-left: 95px;
      font-size: 12px;
      font-family: 'MyFont';
      position: relative;;
      margin-top: -20px;
  }
  </code></pre>
  
  <p>Everything ok until now (it loads ok in every browser).</p>
  
  <p>Now, we're developing one another website with the same interface. So, we've copied the CSS and font files from the original to the new project.
  Now, in this new project the webfont is correctly displayed in Chrome, but doesn't in Firefox and IE9.</p>
  
  <p>We've tried to change the firefox property in about:config with no luck.</p>
  
  <p>Both websites are using the same server, so the solution of adding anything to the server configuration doesn't solve anything.</p>
  
  <p>We've tried changing the url to /fonts/.. and /styles/fonts/... and styles/fonts/... but it also didn't work.</p>
  
  <p>In firebug, at network section, the URL of the font seems to be loaded correctly because it doesn't get a 404. Also in firebug, the webfont is displayed in grey (saying that it's not using it, which is obvious watching at the web). 
  We've also tried to add an !important clause when calling to the webfont, but still no luck.</p>
  
  <p>Any help? Thanks!</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>It has to be related to the paths to the files.
  If I set the font-face directly with the bytes of the file, like this:</p>
  
  <pre><code>@font-face {
      font-family: "MyFont";
      font-style: normal;
      font-weight: 300;
      src: url("data:font/opentype;base64,d09GRgABAAAAAFaoABEAAAAA....");
  }
  </code></pre>
  
  <p>It works great. Now, this is not a solution, because I should change the file depending on the browser like I was doing with the different urls in the first font-face configuration.</p>
  
  <p>Anybody has any clue about the cause?</p>