由於一段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代碼導致字體非常棒的圖標

回答

相關問題