Chrome-真棒字体5一些图标不起作用 [英] Chrome - Font Awesome 5 some icons are not working

问题描述

我正在使用Font Awesome5.有些图标未在Chrome中显示.例如"fa-facebook-f".当我将图标类更改为fa-facebook时，它可以工作.有办法解决吗? 这是我在Chrome浏览器中看到的内容.

I am useing Font Awesome 5. Some icons are not showing in Chrome. For example "fa-facebook-f". When I change the icon class to fa-facebook it works. Is there a way to fix it? Here is what i see in chrome.

<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>

推荐答案

导入此CSS，它将适用于所有字体超棒的图标以及适用于所有版本的图标.

Import this css it will work for all the font awesome icons and also for all the versions of icons it will work.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">

这篇关于Chrome-真棒字体5一些图标不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！