title: @font-face is causing slow load times
body: <p>Lately i started noticing the website loads very slow at some point.</p>
  
  <p>I've investigated this with firebug and when the page takes very long to load this is showing up:</p>
  
  <p><img src="https://i.stack.imgur.com/U7l50.png" alt="Firebug Net Inspection">
  It seems totally random, but the requests to webfont.woff just waits and waits forever. If i try to reach this resourse manually, it works fine and responses within 100ms. The page i'm talking about is <a href="http://wtf.maikelzweerink.nl" rel="noreferrer">http://wtf.maikelzweerink.nl</a>, and the custom fonts come from the main domain maikelzweerink.nl. </p>
  
  <p>The face-fonts are declared at default.css, also from the main domain:</p>
  
  <pre><code>@font-face {
      font-family: 'Proximanova Regular';
      src: url('//maikelzweerink.nl/general/font/Proximanova-Regular/webfont.eot');
      src: url('//maikelzweerink.nl/general/font/Proximanova-Regular/webfont.eot?#iefix') format('embedded-opentype'),
           url('//maikelzweerink.nl/general/font/Proximanova-Regular/webfont.woff') format('woff'),
           url('//maikelzweerink.nl/general/font/Proximanova-Regular/webfont.ttf') format('truetype'),
           url('//maikelzweerink.nl/general/font/Proximanova-Regular/webfont.svg#ProximaNovaRgRegular') format('svg');
  }
  </code></pre>
  
  <p><strong>Even with the correct HTTP headers</strong></p>
  
  <p>In chrome the same deal <a href="https://dl.dropbox.com/u/3060487/font-face-chrome.png" rel="noreferrer">(click for larger)</a>:
  <img src="https://i.stack.imgur.com/quhye.png" alt="Chrome time test"></p>