2014-01-29 45 views
12

獲取FontAwesome圖標字體的奇怪行爲。圖標字體零星地顯示爲正方形,然後返回到懸停圖標

圖標顯示在頁面加載中,但是當我在標籤之間翻轉並返回到原始頁面時,圖標可能顯示爲白色方塊(不是每個圖標都只是一些)。將鼠標懸停在它們上方時,它們將恢復正常顯示。

enter image description here

我通過CDN在加載字體:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 

我猜白格子從FontAwesome CSS,在遇到問題時能夠識別的字符瀏覽器:

.fa-facebook:before { 
    content: "\f09a"; 
} 

我有點失落,爲什麼它在切換標籤之後仍在繼續發生。字體似乎被加載,因爲在第一次加載時我可以看到圖標。可能是與其他CSS的衝突?

需要一些建議在哪裏尋找根本原因。

+0

我們正在遭受同樣的錯誤,我希望谷歌很快就修復了這一點。 –

回答

12

我被帶到你的問題,因爲我們一直在使用Symbolicons圖標字體在我們的網站上體驗相同的事情。

經過一番研究,我發現這是由於Chrome中的一個bug造成的。所以問題不在於Font Awesome,我認爲你現在無法做任何事情來修復它。猜猜我們只需等待修復程序即可達到穩定的Chrome版本。

鏈接到bug的討論:

+1

感謝您指出相關的錯誤討論!我正在標記爲一個正確的答案。 – Websirnik

+0

這裏鏈接的相關錯誤是合併和/或關閉,但我仍然看到這在加那利。 – Chords

+0

你知道它是否仍然是一個開放的問題嗎?我遇到了一個自定義創建的字體(使用'fontcustom'生成的)的問題。我使用Fontawesome和我的自定義字體和SOMETIME我的自定義字體顯示正方形,但不是fontawesome ... –

相關問題