title: css - @font-face failed cross-origin request. Resource access is restricted.
body: <p>I am using the latest version of FontAwesome like this:</p>
  
  <pre><code>&lt;link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"&gt;
       &lt;!--[if IE 7]&gt;
          &lt;link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome-ie7.min.css"&gt;
      &lt;![endif]--&gt;
  </code></pre>
  
  <p>It works fine in Chrome, FireFox and Safari, but when I go to Internet Explorer 10 (Older versions has the same issue), I see this error:</p>
  
  <pre><code>CSS3117: @font-face failed cross-origin request. Resource access is restricted. 
  fontawesome-webfont.eot
  CSS3117: @font-face failed cross-origin request. Resource access is restricted. 
  fontawesome-webfont.woff
  </code></pre>
  
  <p>I have tried to add the FileMatch to my .htaccess file, but that didn't do the trick.</p>
  
  <p>I thought that using the CSS files from FontAwesomes CDN, eliminated IE errors..</p>
  
  <p>Can someone please help me? </p>