Question

我正在使用Font Awesone：

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

和

<span class="fa-stack fa-lg myownclass">

适用于IE，Chrome和Firefox - 有时也适用于Opera。现在我的客户告诉我，他也没有在Firefox / Windows上看到Icon。

你知道这个问题是什么吗？ Opera有时会向我显示图标，有时只显示矩形或数字。

你能帮帮我吗？这可能是缓存问题吗？

Answer 1

为了正确分配Font-Awesome字体，需要为fa类提供所有Font-Awesome图标：

<span class="fa fa-stack fa-lg myownclass">
             ^^

除非在.myownclass类中定义，否则Font-Awesome字体将不会处于活动状态。

Answer 2

您必须在html上添加以下内容，<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/v4-shims.css">

Answer 3

首先：结帐@James Donnely的回答：你一定要添加fa类。

当你只看到矩形等时，这意味着浏览器没有加载字体文件（考虑有时你确实看到了fa-icons），它就是这样的将未知字符文件（像\f16c这样的unicode字符）显示为正方形或其他内容，指明它不知道该如何处理这些字符。

因此，每当发生这种情况时，请打开开发人员工具屏幕并检查是否发现任何错误。此外，请确保从稳定的服务器加载字体文件。此外，如果从相对路径加载字体文件，可能会出现在某些页面上（例如/blog/an-article）它无法找到该文件，而在其他页面上{{1} }）相对路径确实是正确的。

Answer 4

感谢您的回答。我将代码更改为：

<span class="fa fa-stack fa-lg myclass">
<i class="fa fa-circle fa-stack-2x">
<i class="fa fa-facebook fa-stack-1x fa-inverse">
</span>

但是没有变化，我无法理解。也许它只是一个加载本地数据的问题。我现在放弃了。

有时Font Awesome只显示矩形和数字

4 个答案: