title: @font-face don't seem to work on localhost
body: <p>I'm trying to load a custon font via <code>@font-face</code>, serving the font file over localhost.</p>
  
  <p><strong>style.css:</strong></p>
  
  <pre><code>@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: url(Lobster-Regular.ttf) format('ttf');
  }
  
  body {
      font-family: "Lobster";
      font-size: 28px;
  }
  </code></pre>
  
  <p><strong>index.html:</strong></p>
  
  <pre><code>&lt;!DOCTYPE hmtl&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf8"/&gt;
          &lt;title&gt;@font-face test&lt;/title&gt;
          &lt;link rel="stylesheet" href="style.css"/&gt;
      &lt;head&gt;
      &lt;body&gt;
          &lt;p&gt;Where is my font?!&lt;/p&gt;
      &lt;body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>These two files plus the Lobster-Regular.ttf reside on the same directory. But when I access this page, the Lobster font don't load. I am requesting the page to my local server, and not simply loading the HTML file over Firefox. I checked the network monitor, and the font file did not even got loaded. Any ideas?</p>