title: Replacing Font Awesome Social Media Icons With Images
body: <p>I've attempted to replace fa icons on blogger with custom icons using</p>
  
  <pre><code>.fa-facebook{content:url("")}
  </code></pre>
  
  <p>The images work on Chrome but not FF or IE. 
  What's going on/Is there a workaround?</p>
  
  <p><a href="https://jsfiddle.net/hd3nc4e3/" rel="nofollow noreferrer">Jsfiddle</a></p>
  
  <p><a href="https://i.stack.imgur.com/woUyn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/woUyn.png" alt="Google Chrome"></a></p>
  
  <p><a href="https://i.stack.imgur.com/fMN8P.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fMN8P.png" alt="Firefox"></a></p>