为什么为整个文档设置 font-family 会破坏 fa 图标？

Question

我想为整个文档设置字体系列。我读到将其设置为 body 元素会排除不继承字体样式（如表单）的元素。

所以我尝试使用这个：

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  font-family: 'Fira Sans', sans-serif;
}

但是它破坏了很棒的字体图标：

但是如果像这样设置 font-family ，它就可以工作：

* {
  font-family: 'Fira Sans', sans-serif;
}

你能告诉我，第一个代码有什么问题吗？ 谢谢！

Answer 1

您可以提供其他字体系列

如果您使用 Font Awesome 6 :

* {
  font-family: 'Fira Sans', sans-serif, "Font Awesome 6 Free";
}

适用于 Font Awesome 5 ：

* {
  font-family: 'Fira Sans', sans-serif, "Font Awesome 5 Free";
}