由于一段CSS代码导致字体非常棒的图标

我正在尝试将字体真棒整合到一个web项目中，但是在我的css中确定的一小段代码会使字体真棒图标显示为白色方块。当我删除CSS代码的小小和平它的作品，但我不能删除它由于当前的网站布局。无论如何，有没有办法让图标正确显示？

这是代码块是布局所需的图标：由于一段CSS代码导致字体非常棒的图标

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

如果字体真棒CSS之前或之后我的自定义CSS代码包含没关系。问题仍然存在......

来源

2015-11-06 njlqay

您的字体系列被覆盖为Arial。从这个选择器中删除与字体相关的部分，并将其添加到'body'选择器。 – timo

请把它写成答案。它解决了我的问题:-) – njlqay

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

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

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

来源

2015-11-06 15:43:14 timo

问题出在*:before所以你必须改变你的CSS。看看这个https://jsfiddle.net/ss95sfLz/

CSS

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

这是问题，因为字体真棒图标使用:before，这是的代码

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

来源

2015-11-06 15:39:49

要覆盖所有（*）字体中的:before和:after伪选择器;由font-awesome和许多其他库使用。您应该尝试仅针对该代码段需要更改的内容是.class或#id。

来源

2015-11-06 15:40:28 juanmnl

由于一段CSS代码导致字体非常棒的图标

回答

相关问题