css - 字体在 font-awesome 4.7 版本中停止工作

Question

我正在使用 font-awesome 4.7 版。几天前一切都很好，但突然间很少有字体停止工作。这是列表:

1.fa-电视 2.fa-握手-o 3.fa-产品搜索谁能帮我理解为什么以及如何解决这个问题？放置版本 5 并没有多大帮助，看起来需要进行许多更改。

.fa-lg {
  font-size: 17px !important;
}

.icon-background2 {
  color: #496360 !important;
}

<li onclick="roomName()" style="top:7px" class="usercss1">
  <a href="#" style="color:#fff;padding: 5px;">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x icon-background2"></i>
      <i class="fa fa-television fa-stack-1x" data-toggle="tooltip" data-placement="bottom" title="collaboration" style="font-size:13px !important;font-weight: 600;" aria-hidden="true"></i>
    </span>
  </a>
</li>

请找到我正在使用的上述代码，但它不显示电 View 标，因为它适用于其他图标。请查看下面的屏幕截图

.

Answer 1

Here是 Font Awesome 的 Github 页面的链接。发生这种情况的原因有多种，此链接为您提供了一个很好的起点来解决问题。这可能是由任何 css 重置或覆盖图标标签的任何 css 引起的。它可能是您正在使用的内联 css。或者它可能是您浏览器或广告拦截器中的扩展程序或插件。您是否在页面加载时检查了您的控制台并确认字体文件加载正确？希望这会有所帮助。