css - 如果 font awesome 中的一个图标不显示，则缺少什么

Question

我选择了几个要使用的图标，除了一个之外，它们都在显示。我将我的 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）

Answer 1

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

{内容：“\f1a7”}