2013-10-09 59 views
0

我使用的是Bootstrap 3的Glyphicon, 在Firefox中顯示爲glyphicon-fire,glyphicon-calendar等一些圖標爲」「,但在Chrome中運行良好。Glyphycon中的某些圖標在Firefox中顯示爲「」「

我很確定字體和css的位置是正確的, 我試過了從http://getbootstrap.com/和github引導的每一個包,但都沒有工作。

請告訴我如何解決此問題,謝謝。

P.S:越來越奇怪,按ctrl-f5時會顯示圖標日曆,但是當我f5時它會再次顯示爲「」。

+2

聽起來像是一個編碼問題。你宣佈你的文檔的字符集是什麼? –

+0

@AndréDion是的。想到同樣的事情。查看下面的答案,'utf-8'無論如何都是大多數語言的解決方案。 – 2013-10-09 16:37:48

+0

列出所有圖標的引導文檔頁面是否適用於您? http://getbootstrap.com/components/#glyphicons-glyphs – cjd82187

回答

-1

我知道的唯一解決方法是製作您想要的圖像,但可能有其他更簡單的方法。

如果你是在Mac上,那麼你可以在Chrome中打開它,這樣它看起來不錯編輯前取一小截屏

如果你是在Windows機器上,那麼你將需要進行大截圖或放大,並從近距離截圖

+1

Yuck。這種解決方案首先破壞了使用Bootstrap的目的。 –

+0

@AndréDion你有一個點在那裏兄弟:) – user2469629

1

In Bootstrap 2.3 glyphicons是一個圖像,但在V3中,它們被製成一個圖標字體。

我只能想到一個問題,它是字符集。

確保您的頁面有<meta charset="utf-8">

如果這還不夠,假設你使用的Apache2作爲您的網絡服務器,在網站目錄下創建一個.htaccess文件,其中包含此

AddDefaultCharset utf-8 

希望這有助於!

+0

謝謝你的答案哥們,但仍然沒有在我的電腦上工作,不知道它是否發生在其他電腦上, 但我不認爲charset是問題,因爲它只發生在一些圖標上。 – user2469629

+0

你能鏈接到您的網站,以便我們可以檢查? – 2013-10-09 16:42:59

+0

@ user2469629你在本地開發還是在服務器上開發? – 2013-10-09 16:44:21

相關問題