僅在包含樣式表時才加載圖標

Question

我使用Semantic UI構建網站並使用Font Awesome圖標。我注意到圖標加載不正確，只是顯示爲正方形。但是，當我刪除鏈接到我的CSS樣式表的頁面，圖標DO顯示正確。只要我把鏈接放回去，它們就會再次顯示爲正方形。

我覺得這很莫名其妙，有問題。任何想法可能會造成這種情況？我當然希望能夠有一個頁面的樣式表！

Answer 1

我設法將問題定位到我的樣式表的單個部分：* { font-family: Avenir, sans-serif !important; }我寫了這條線來標準化網站字體，但它是與圖標衝突的那條線。任何想法，爲什麼這是？和任何建議，以不會衝突的方式設置字體？

!important告訴屬性忽略任何特異性。這意味着您的font-family聲明將完全覆蓋Font Awesome字體。

一般情況下，唯一的東西瀏覽器明確設置font-family上是html，body，input，select，textarea和button元素。考慮到這一點，你應該能夠完全覆蓋任何默認字體只需使用下列內容：

html, body, button, input, select, textarea { 
    font-family: Avenir, sans-serif; 
} 

如果不爲你工作，檢查你的網頁，以確定您的自定義字體ISN」包括在內，並將這些選擇器添加到上述聲明中。

Answer 2

樣式表可能會覆蓋Font Awesome圖標。如果有的話，你可以嘗試從樣式表中刪除任何圖標。讓我知道這個是否奏效。