Html 由于一段CSS代码，字体图标未加载

我正试图将font Awest集成到一个web项目中，但css中的一段识别代码使font Awest图标显示为白色方块。当我删除CSS代码的小和平，它的工作，但我不能删除它由于目前的网站布局。有没有办法让图标正确显示？ 这是阻止布局所需图标的代码：

*,*:before,*:after{
    box-sizing: border-box;
    position: relative;
    font-family : Arial;
    font-size   : 12px;
    font-weight : normal;
}

无论是在我的自定义css代码之前还是之后包含font awesome css，这都无关紧要。问题仍然存在…

问题在*：之前，因此您必须在css中更改它。看看这个

CSS

这是一个问题，因为字体可怕的图标使用：之前，这是代码

.fa-balance-scale::before {
   content: "";
}

---

您正在覆盖：before和：after伪选择器中的所有*字体；font awesome和许多其他LIB都使用这些库。您应该尝试只针对那些需要由带有.class或id的代码段更改的内容。

您的字体系列将被覆盖为Arial。从此选择器中删除与字体相关的部分，并将其添加到正文选择器中

*,*:before,*:after{
    box-sizing: border-box;
    position: relative;
}

body {
    font-family : Arial;
    font-size   : 12px;
    font-weight : normal;
}

---

您的字体系列将被覆盖为Arial。从该选择器中删除与字体相关的部分，并将其添加到正文选择器中。请将其写为答案。它解决了我的问题：-

*,*:before,*:after{
    box-sizing: border-box;
    position: relative;
}

body {
    font-family : Arial;
    font-size   : 12px;
    font-weight : normal;
}