Search code examples
cssfont-awesome-5

Font Awesome 5.0.13 some icons are not working


I am using Font Awesome 5.0.13. Some icons are not showing in Chrome. For example "fa-instagram". Is there a way to fix it or just wait for the next release? Here is what I see in chrome.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
<a href="#" target="_blank" class="icon-facebook">
  <i class="fab fa-facebook-f">
    </i>
</a>
<a href="#" target="_blank" class="icon-twitter">
  <i class="fab fa-twitter">
    </i>
</a>
<a href="#" target="_blank" class="icon-google_plus">
  <i class="fab fa-google-plus-g">
    </i>
</a>
<a href="#" target="_blank" class="icon-pinterest">
  <i class="fab fa-pinterest">
    </i>
</a>
<a href="#" target="_blank" class="icon-linkedin">
  <i class="fab fa-linkedin-in">
    </i>
</a>
<a href="#" target="_blank" class="icon-instagram">
  <i class="fab fa-instagram">
    </i>
</a>
<a href="#" target="_blank" class="icon-tumblr">
  <i class="fab fa-tumblr">
    </i>
</a>


Solution

  • Try to remove the integrity, just like this:

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
    
    <a href="#" target="_blank" class="icon-facebook">
      <i class="fab fa-facebook-f">
        </i>
    </a>
    <a href="#" target="_blank" class="icon-twitter">
      <i class="fab fa-twitter">
        </i>
    </a>
    <a href="#" target="_blank" class="icon-google_plus">
      <i class="fab fa-google-plus-g">
        </i>
    </a>
    <a href="#" target="_blank" class="icon-pinterest">
      <i class="fab fa-pinterest">
        </i>
    </a>
    <a href="#" target="_blank" class="icon-linkedin">
      <i class="fab fa-linkedin-in">
        </i>
    </a>
    <a href="#" target="_blank" class="icon-instagram">
      <i class="fab fa-instagram">
        </i>
    </a>
    <a href="#" target="_blank" class="icon-tumblr">
      <i class="fab fa-tumblr">
        </i>
    </a>