主題: glyphicons 在 firefox 顯示的問題?

[twu2]

最近因為工作需要, 開始寫些 web 的程式, 因為個人美工能力不足, 就直接用了 bootstrap 來處理...
結果發現使用 glyphicons 時, 在 Firefox 會無法正常顯示, 在 IE/Chrome 就正常... (如附件)

有人知道為什麼嗎? Google 查了一下, 有提到 cross site 造成的 (但是我是抓下來用放同一個網站, 不是直接使用官方的連結)... 有提到是 bootstrap 的 bug (不過.... 附件是我直接連到 http://glyphicons.com/ 的結果.... 總不會連官方自己的網站都寫錯).....

也試過用 firefox safe mode 執行, 結果一樣, 應該與 extension 無關.

[twu2]

找不到解決的方法, 決定放棄.... 換另一套圖示來用...
https://github.com/100hz/bootstrap-silk-icons

[hikohan]

用一張大圖然後css指定使用位置？

應該跟html/css的關連吧。

[twu2]

bootstrap 內建的那個是用 font 來處理, 我後來找的那個是用圖來處理, 都是用 css 指定位置.
透過 font 來處理, 除了 Firefox 之外, 都正常, 改成圖的那個就正常了.

看起來似乎也不像是圖 (字型) 檔沒抓到 (因為有些圖還是有出來), 只數多數的圖看起來是內碼的圖示....

[hikohan]

fireox 裡面優先使用指定字型選項打開看看。

..只數多數的圖看起來是內碼的圖示....

[twu2]

fireox 裡面優先使用指定字型選項打開看看。

..只數多數的圖看起來是內碼的圖示....

啊, 就是這個....
不過... 這也表示沒辦法用... 畢竟沒辦法控制每一個連上的 client.... 到時有人看的到有人看不到反而麻煩.