如果 font awesome 中的一个图标不显示，那么缺少什么答案

【问题标题】：What is missing if one icon from font awesome doesn't display如果 font awesome 中的一个图标不显示，那么缺少什么
【发布时间】：2014-05-28 14:08:20
【问题描述】：

我选择了几个要使用的图标，除了一个之外，它们都在显示。我将我的 CSS 与 fontawesome 网站上的图标页面进行了比较，但我遗漏了一些样式。我添加了缺少的样式，但图标仍然显示占位符而不是图标。

HTML：

<i class="fa fa-pied-piper"></i>

CSS：

.fa-pied-piper-square:before,.fa-pied-piper:before {content: "\f1a7";}

再一次，所有其他图标（其中 14 个）都正确显示，只是不是这个。

（字体真棒 4.0.3）

【问题讨论】：

控制台有错误吗？
只是检查一下：您是否使用自定义字形子集？
你能提供一个链接吗？
我们需要查看您的其余代码。如果在这里粘贴太多，请创建一个小提琴。很多时候，我只是通过创建一个小提琴来解决我自己的问题，并在发布问题之前发现错误。问题是否存在于多个浏览器上？
控制台中没有错误。没有自定义字形。这是一个内部网站，所以我将无法共享链接。我不确定还有哪些其他代码有助于阐明任何问题。如果我运行 Firebug 并将 'fa-pied-piper' 更改为 'fa-home' 或 'fa-gear' 或其他几个，这些显示就好了。我会尝试一个小提琴，看看这是否表明任何有趣的事情。这确实在浏览器中持续存在。

【解决方案1】：

您使用的是 FontAwesome 缩小版 CSS 吗？如果是这样，您可能需要省略分号。我没有在缩小的 CSS 规则中看到分号。我的看起来像这样并且可以工作：

{内容：“\f1a7”}

【讨论】：

我无法想象省略分号（使用正确）会很重要。我有兴趣看到 OP 的回复。
css 规则集的最后一条规则不需要分号。用不用没区别
我确实尝试删除没有改变任何东西的分号。一件有趣的事；在 Firefox 中，缺少的图标将占位符显示为一个正方形，其中包含“f1a7”。如果我将 Firebug 中的 CSS 更改为不存在的内容（例如 fa-blahblah），占位符就会消失。