无法在 Firefox 中使用 css 属性内容：“\f111”

Question

我确定 css 代码是正确的。但火狐无法理解和显示。

这是css中的案例1：

.fa-circle:before {
    content: "\f111"
}

这是另一种情况：

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

你能告诉我如何解决它吗？谢谢！

Answer 1

听起来你的伪元素的容器（i 和 span 元素）的 font 属性被其他东西覆盖了。

在 Firefox 的元素检查器中，您应该会看到以下继承样式：

重要的是，font-family 属性应该不有一条线穿过它 - 如果有，则意味着所使用的字体不是 Font Awesome。如果是这种情况，您将看到：

如果是这种情况，则使用的字体不是 Font Awesome，并且请求的字符代码不存在于其他字体的字符集中。