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

时间:2018-01-14 18:27:41

标签: css html5 fonts font-awesome-4

我正在使用font-awesome版本4.7。几天前一切都很好,但很少有字体停止工作。这是清单:

1.fa-电视    2.fa握手邻    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>

请找到我正在使用的上述代码,但它没有显示电视图标,因为它适用于其他图标。请看下面的截图

enter image description here

1 个答案:

答案 0 :(得分:0)

Here是Font Awesome&#39; Github页面的链接。有很多原因导致这种情况发生,这个链接为您提供了解决问题的良好起点。它可能是由任何css重置或任何覆盖图标标记的CSS引起的。它可能是你正在使用的内联css。或者它可能是浏览器或广告拦截器中的扩展程序或插件。您是否在页面加载时检查了控制台并验证了字体文件是否正确加载?希望这有点帮助。