title: Firefox @font-face with local file - downloadable font: download failed
body: <p>I am having an issue with using a font accessed via a relative URL.</p>
  
  <pre><code>@font-face {
      font-family: 'ElegantIcons';
      src:url('../src_main/fonts/ElegantIcons.eot');
      src:url('../src_main/fonts/ElegantIcons.ttf') format('truetype'),
          url('../src_main/fonts/ElegantIcons.svg#ElegantIcons') format('svg'),
          url('../src_main/fonts/ElegantIcons.woff') format('woff'),
          url('../src_main/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>When I access the web page the font doesn't work and in the console I get this:</p>
  
  <pre><code>downloadable font: download failed (font-family: "ElegantIcons" style:normal weight:normal stretch:normal src index:1): status=2147500037
  source: file:///...snipped.../src_main/fonts/ElegantIcons.woff @ file:///...snipped.../src_poke/fonts-style.css
  </code></pre>
  
  <p>Accessing the file by copying/pasting the URL into the browser address bar shows that it is the correct URL as I can download the font.</p>