FontAwesome: css 内容: "\f468";对某些人不起作用答案

【问题标题】：FontAwesome: css content: "\f468"; doesnt work for someFontAwesome: css 内容: "\f468";对某些人不起作用
【发布时间】：2019-04-17 22:50:50
【问题描述】：

我正在使用下面的方法来显示图标

&:before {
  font-family: Fontawesome;
  content: "\f468";
}

适用于大约 30% 的图标。例如，我尝试了上述f468，但没有成功，但当我执行<i class="fas fa-boxes"></i> 时，图标显示。你能看出问题所在吗？

【问题讨论】：

【解决方案1】：

在 Font Awesome 样式表中，.fas{} 有 font-weight: 900; 如果您不包括此，许多图标将显示替代版本或根本没有图标。

&:before {
  font-family: Fontawesome;
  font-weight: 900;
  content: "\f468";
}

看看这段代码是否适合你。

【讨论】：

更改字体粗细不起作用。也许我们写错了font-fam？也可能和fasvcfa有关系
试试 font-family: "Font Awesome 5 Free"; 示例适用于我的 f468
字体系列错误。 qfazille 显示了 fontawesome 在他们的代码中使用的字体系列。最简单的解决方法是检查工作的 fa-boxes 代码，看看它使用的不同之处。根据您使用“Fontawesome”作为字体系列，我假设您可能已经下载了字体并重命名了它。如果更改 font-family: "Font Awesome 5 Free" 不起作用，请给我们提供更多信息的演示 - 例如您使用的样式表链接。