title: Browsers are not requesting font file
body: <p>I'm having a really weird issue with font-awesome.</p>
  
  <p>Long story short: browsers are ignoring 'src' part of @font-face and not making any requests for the actual font.</p>
  
  <pre><code>//font-awesome.css excerpt
  
  @font-face {
      font-family: 'FontAwesome';
      src: url('/Content/fonts/fontawesome-webfont.eot?v=4.0.3');
      src: url('/Content/fonts/fontawesome-webfont.eot?#iefix&amp;v=4.0.3') format('embedded-opentype'), url('/Content/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/Content/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/Content/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <ul>
  <li>All the software and libraries are of latest stable version.</li>
  <li>No errors in console.</li>
  <li>Font files are perfectly downloadable when requested directly</li>
  <li>Tested in Chrome, FireFox and IE</li>
  <li>Another my project that uses previous major versions of bootstrap and font-awesome works fine</li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/LNDFQ.png" alt=""></p>
  
  <p><a href="http://jsfiddle.net/c2zUh" rel="noreferrer">http://jsfiddle.net/c2zUh</a></p>