问Chrome上不显示字体超赞的图标

EN

检查你是否禁用了你的广告拦截程序。有时chrome扩展会阻止浏览器显示图标。

bootstrap起作用了吗？看起来您的Css目录是大写的，这将导致您对css文件的引用不起作用。

尝试替换

./css/font-awesome.min.css

使用

./Css/font-awesome.min.css

正如在对原始问题的评论中所提到的，您可以立即尝试使用CDN查看图标是否出现。如果图标使用CDN出现，您就知道您的路径有问题，就像我上面提到的那样。

下面是用于(版本3.2.1)的html代码：

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

除此之外，你还使用了一个过时的font- are版本。如果可能，我建议在您的环境下升级到最新版本。您可以通过访问以下链接找到有关最新版本的更多信息。

http://fontawesome.io/get-started/

如果你打算使用最新的版本，一定要看看examples，因为他们已经改变了你编写html代码的方式。

更新字体后的编辑-太棒了：

如果要使用最新版本的font- are，则需要将HTML代码更改为

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

最新版本(4.7)的CDN：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

我也遇到了类似的问题，我通过以下步骤解决了这个问题：

1. 打开您的font-awesome.min.css文件
2. Search webfonts，这是字体的默认父文件夹名称。如果您找到了一堆，则将它们分别替换为项目中fonts文件夹的名称。

通过这种方式， ..min.css 中的字体引用指向字体所在的正确目录路径:)

我通过在incognito模式下打开chrome dev tools并查看console errors发现了这一点。