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

【问题标题】：fonts stopped working in font-awesome 4.7 version字体在 font-awesome 4.7 版本中停止工作
【发布时间】：2018-06-23 11:32:45
【问题描述】：

我正在使用字体真棒版本 4.7。几天前一切都很好，但突然很少有字体停止工作。这是列表：

1.fa-television 2.fa-握手-o 3.fa-product-hunt 谁能帮我理解为什么以及如何解决这个问题？通过把版本 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>

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

【问题讨论】：

你能提供一个minimal reproducible example 来证明这个问题吗？
@MrLister 我已经用一个例子更新了代码。谢谢
为我工作...jsfiddle.net/e9msLL0t你确定字体加载正确吗？
@MrLister 抱歉，但对我不起作用。我已附上屏幕截图。谢谢
您能指出生成该屏幕截图的网站吗？

标签： css html fonts font-awesome-4

【解决方案1】：

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

【讨论】：

好的，我添加了更多关于链接建议可能是问题的详细信息。感谢您的提醒。