作者 主題: glyphicons 在 firefox 顯示的問題?  (閱讀 1770 次)

0 會員 與 1 訪客 正在閱讀本文。

twu2

  • 管理員
  • 俺是博士!
  • *****
  • 文章數: 5373
  • 性別: 男
    • 檢視個人資料
    • http://blog.teatime.com.tw/1
glyphicons 在 firefox 顯示的問題?
« 於: 2014-01-23 14:53 »
最近因為工作需要, 開始寫些 web 的程式, 因為個人美工能力不足, 就直接用了 bootstrap 來處理...
結果發現使用 glyphicons 時, 在 Firefox 會無法正常顯示, 在 IE/Chrome 就正常... (如附件)

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

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

twu2

  • 管理員
  • 俺是博士!
  • *****
  • 文章數: 5373
  • 性別: 男
    • 檢視個人資料
    • http://blog.teatime.com.tw/1
Re: glyphicons 在 firefox 顯示的問題?
« 回覆 #1 於: 2014-01-27 15:01 »
找不到解決的方法, 決定放棄.... 換另一套圖示來用...
https://github.com/100hz/bootstrap-silk-icons

hikohan

  • 俺是博士!
  • *****
  • 文章數: 1288
    • 檢視個人資料
Re: glyphicons 在 firefox 顯示的問題?
« 回覆 #2 於: 2014-01-27 17:15 »
用一張大圖然後css指定使用位置?

應該跟html/css的關連吧。
lifeIsFunWithPHP.

twu2

  • 管理員
  • 俺是博士!
  • *****
  • 文章數: 5373
  • 性別: 男
    • 檢視個人資料
    • http://blog.teatime.com.tw/1
Re: glyphicons 在 firefox 顯示的問題?
« 回覆 #3 於: 2014-01-27 17:41 »
bootstrap 內建的那個是用 font 來處理, 我後來找的那個是用圖來處理, 都是用 css 指定位置.
透過 font 來處理, 除了 Firefox 之外, 都正常, 改成圖的那個就正常了.

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

hikohan

  • 俺是博士!
  • *****
  • 文章數: 1288
    • 檢視個人資料
Re: glyphicons 在 firefox 顯示的問題?
« 回覆 #4 於: 2014-01-28 08:47 »
fireox 裡面優先使用指定字型選項打開看看。

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

twu2

  • 管理員
  • 俺是博士!
  • *****
  • 文章數: 5373
  • 性別: 男
    • 檢視個人資料
    • http://blog.teatime.com.tw/1
Re: glyphicons 在 firefox 顯示的問題?
« 回覆 #5 於: 2014-01-28 09:39 »
fireox 裡面優先使用指定字型選項打開看看。

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