title: Firefox doesn't render FontAwesome
body: <p>for some odd reason Firefox doesn't render FontAwesome properly. It works in Chrome and in Safari, just not in Firefox.</p>
  
  <p>Font Awesome was added via Bower and therefore loaded locally. Nothing via CDN. </p>
  
  <pre><code>&lt;link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.css" type="text/css"&gt;
  </code></pre>
  
  <p>This is how it looks in Firefox (wrong):</p>
  
  <p><img src="https://i.stack.imgur.com/7nZA5.png" alt="Firefox"></p>
  
  <p>This is how it looks in Chrome &amp; Safari (correct):</p>
  
  <p><img src="https://i.stack.imgur.com/dErRZ.png" alt="enter image description here"></p>
  
  <p>Things I have tried:</p>
  
  <ul>
  <li>Tried to load it via CDN and added "Access-Control-Allow-Origin" to
  .htaccess</li>
  <li>Moved fonts into same directory (to check if it was a relative path
  problem)</li>
  </ul>
  
  <p>Nothing worked up until now. </p>
  
  <p>/// EDIT</p>
  
  <p>This is how its shown in the Inspector
  <img src="https://i.stack.imgur.com/vRvrY.png" alt="enter image description here"></p>