酷!學園

技術討論區 => 網頁技術 => 主題作者是: twu2 於 2014-01-23 14:53

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

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

也試過用 firefox safe mode 執行, 結果一樣, 應該與 extension 無關.
主題: Re: glyphicons 在 firefox 顯示的問題?
作者: twu22014-01-27 15:01
找不到解決的方法, 決定放棄.... 換另一套圖示來用...
https://github.com/100hz/bootstrap-silk-icons
主題: Re: glyphicons 在 firefox 顯示的問題?
作者: hikohan2014-01-27 17:15
用一張大圖然後css指定使用位置?

應該跟html/css的關連吧。
主題: Re: glyphicons 在 firefox 顯示的問題?
作者: twu22014-01-27 17:41
bootstrap 內建的那個是用 font 來處理, 我後來找的那個是用圖來處理, 都是用 css 指定位置.
透過 font 來處理, 除了 Firefox 之外, 都正常, 改成圖的那個就正常了.

看起來似乎也不像是圖 (字型) 檔沒抓到 (因為有些圖還是有出來), 只數多數的圖看起來是內碼的圖示....
主題: Re: glyphicons 在 firefox 顯示的問題?
作者: hikohan2014-01-28 08:47
fireox 裡面優先使用指定字型選項打開看看。

..只數多數的圖看起來是內碼的圖示....
主題: Re: glyphicons 在 firefox 顯示的問題?
作者: twu22014-01-28 09:39
fireox 裡面優先使用指定字型選項打開看看。

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