title: "CSS3111: @font-face encountered unknown error" from web server; works normally when browsed from local file system
body: <p>I have this embedded font face in the CSS of a web page that I am developing:</p>
  
  <pre><code>@font-face {
      font-family: 'myfont';
      src: url('fonts/myfont.eot');
      src: url('fonts/myfont.woff') format('woff'), url('fonts/myfont.ttf') format('truetype'), url('fonts/myfont.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>And further down in the CSS file I use the font:</p>
  
  <pre><code>#finder-entry-container h1
      {
          font-family:'myfont', Sans-Serif;
          font-size:28px;
          color:white;
          font-weight:normal
      }
  </code></pre>
  
  <p>When I use this font on a web page, it renders perfectly fine in Chrome and Firefox. However, in IE I receive this error:</p>
  
  <blockquote>
    <p>CSS3111: @font-face encountered unknown error.<br />
    myfont.eot</p>
  </blockquote>
  
  <p>Even stranger; the page renders just fine when browsed from the local file system (I am using a simple HTML file to troubleshoot this issue.)</p>
  
  <p>Has anyone else had an issue like this? I know the fonts work fine because I can browse them from the local file system, so I don't think it is a file conversion issue. My web server is running IIS 6; I checked the headers for all of the fonts and these are the MIME types that they are returning:</p>
  
  <blockquote>
    <p><code>myfont.eot</code> returns <code>application/octet-stream</code><br />
    <code>myfont.woff</code> returns <code>application/font-woff</code><br />
    <code>myfont.ttf</code> returns <code>application/octet-stream</code><br />
    <code>myfont.svg</code> returns <code>image/svg+xml</code></p>
  </blockquote>