Glyphicons 在使用Bootstrap 3 的Firefox 中無法正確顯示
從版本2.3 遷移到Bootstrap 3 後,使用者可能會遇到正確顯示glyphicon 圖示的問題。特別是,Firefox 使用者報告圖示顯示為數字代碼(例如“E001”),而不是其預期的視覺表示。
解決方案:
問題源自於 Bootstrap 定製版本中包含的損壞的字體檔案。解決方法:
-
手動下載以下字體檔案:
- https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/ glyphicons-halflings-regular.svg
- https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff
- https://netdna. bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
- https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflular-regcons-halflings.eootstrap
- 用下載的字型取代 Bootstrap 目錄中的現有字型檔。
- 在瀏覽器中執行強力重新載入 (CTRL F5)。
完成這些步驟後,字形圖示應該可以在 Firefox 和所有其他瀏覽器中正確顯示。請注意,您可能需要清除瀏覽器快取才能使變更完全生效。
以上是為什麼 Glyphicons 在帶有 Bootstrap 3 的 Firefox 中顯示為數字代碼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!