Chrome 61 中未显示字体超棒的图标

Question

我已经在我的项目中下载了超棒的字体图标，并将 font-awesome.min.css 导入为

<link rel="stylesheet" href="resources/font-awesome/css/font-awesome.min.css">

并像

一样简单地使用它们

<i class="fa fa-user-o" aria-hidden="true"></i>

样式表已加载，路径没有问题。
这些图标在 Firefox 中工作正常，但在 Chrome61 中根本没有显示，在 Win 10 和 Linux 中都没有，所以我猜它什么都没有与 OS.
我在 Chrome 中没有任何会冲突的插件。
我也试过 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 但没有任何改变。

有谁知道可能导致此问题的原因是什么？谢谢！

Answer 1

我遇到了完全相同的问题。我尝试重新下载字体和 css，将我的 css 重写到一个新文件中，删除 head 标签中的一些脚本和标签，但没有任何效果。好像跟Chrome61有关，本来打算向FA的github反映的，结果好像是already did的人。

Answer 2

忘了说了，我用的是 Polymer。这是我找到的解决方案。

使用 npm 安装 polymer-font-awesome:

npm i polymer-font-awesome
添加以下依赖到polymer.json:

"extraDependencies": ["node_modules/polymer-font-awesome/dist/fonts/*"]
导入这两个文件：

<link rel="import" href="node_modules/polymer-font-awesome/dist/font-face.html">
<link rel="import" href="node_modules/polymer-font-awesome/dist/font-awesome.html">
包括stlye模块：

<style type="text/css" include="font-awesome"></style>

清除 Chrome 中的缓存，它对我有用。

Answer 3

如果您打开了任何一种 AdBlock，您需要先将其禁用。我也遇到了同样的问题，字体超棒的图标出现在 Firefox 中，但没有出现在 Chrome 中，我发现我的 Chrome AdBlock 阻止了它。

font-awesome icons not showing up in Chrome 61