title: Font-awesome not displaying properly in Chrome
body: <p>My fonts-awesome fonts are working in Chrome (Version 51.0.2704.103), but not working in Safari (Version 9.1).</p>
  
  <p>When accessing my application on Chrome I receive this error and the icons don’t display properly</p>
  
  <pre><code>Font from origin 'http://[::1]' has been blocked from loading by Cross-  
  Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header  
  is present on the requested resource. Origin 'http://localhost' is 
  therefore not allowed access.
  </code></pre>
  
  <p>However, on Safari I don’t get this error and the fonts load fine.</p>
  
  <p>I have not tampered with the font-awesome code and the version I installed from npm is 4.6.3.</p>
  
  <p>I have searched around online and people have mentioned things about modifying to the <code>.htaccess</code> file, changing the font paths in the <code>font-awesome.css</code> file, turning off ad block and attempts to get around the same-origin policy. However, these don’t seem to work for me. The thing that is puzzling me is why is everything working properly in Safari, but failing in Chrome? Any insight to this would be helpful.</p>