我在项目中下载了字体很棒的图标，并导入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中运行良好，但根本没有出现在Chrome 61中，在Win 10和Linux中都没有，所以我猜它与操作系统无关。
我在Chrome中没有任何可能存在冲突的插件。
我也试过<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">但没有改变。
有谁知道可能导致此问题的原因？谢谢！
答案 0 :(得分：1)
我遇到了同样的问题。我尝试重新下载字体和css，将我的css重写为新文件，删除head标签中的一些脚本和标签，但没有任何作用。这似乎与Chrome 61有关。我打算向FA的github报告，但它看起来像是already did。
答案 1 :(得分：1)
忘了提，我正在使用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中的缓存，它对我有用。
答案 2 :(得分：0)
如果您启用了任何类型的AdBlock，则需要先禁用它。 我也有同样的问题，在Firefox中出现了字体真棒图标，但在Chrome中没有，我发现我的Chrome AdBlock阻止了它。