天天看點

谷歌加載字型圖示不顯示,火狐可以,什麼問題造成的?

  今天寫項目遇到一個坑,在vue項目裡引入的字型圖示,第一次啟動項目,圖示是沒問題的,可以正常顯示,可是在後續的操作中,猛地發現字型圖示都不顯示了。首先,我先補充兩點:1、背景沒報錯;2、不顯示圖示字型,也不出現方框(平常會遇到的其中一個問題)。

  網上也百度不出來我想要解決的問題,我在控制台看了下,問題所在是 i 标簽的CSS樣式裡的:before裡的 content沒有顯示出來。而且更奇怪的是隔一段時間我再看的時候,圖示居然又出來了,我重新整理兩下,可能會出來,也可能不會出來,這是在逗我嗎???補充一下,我一直是在谷歌浏覽器運作的,如下圖所示:

谷歌加載字型圖示不顯示,火狐可以,什麼問題造成的?

找了老半天,我換了個浏覽器試試,果然,換了個浏覽器,字型圖示出來了,如圖所示:

谷歌加載字型圖示不顯示,火狐可以,什麼問題造成的?

第一次遇到這種問題,谷歌居然不給力。這是相容性造成的嗎,本人水準有限,希望大佬們給些指點。??