html - 由于一段 CSS 代码， Font Awesome 图标未加载

Question

我正在尝试将超赞字体集成到 Web 元素中，但我的 CSS 中识别出的一小段代码使超赞字体图标显示为白色方 block 。当我删除 CSS 代码的小和平时，它可以工作，但由于当前网站布局，我无法删除它。有没有办法让图标显示正确？

这是阻止布局所需的图标的代码:

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

在我的自定义 css 代码之前或之后包含 font-awesome css 并不重要。问题仍然存在......

Answer 1

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

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

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