為什麼我的 Bootstrap 3 Glyphicons 在 Firefox 中顯示'E001”？

Firefox 中的Bootstrap 3 Glyphicon 顯示問題

從Bootstrap 2.3 遷移到Bootstrap 3gly，使用者可能會遇到圖示的問題正確地顯示為“E001”而不是預期的圖示。這個問題尤其在 Firefox 中遇到，而其他瀏覽器可以準確地渲染圖示。

解決方案

此行為最可能的解釋在於使用了自訂版本的引導程式。在此版本中，套件中包含的字體檔案已損壞（如 https://github.com/twbs/bootstrap/issues/9925 中所示）。要解決此問題，請按照以下步驟操作：

1. 避免使用CDN 並手動下載以下字體檔案：

• 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.wflings-regular.woff >
https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
• https ://netdna.bootstrapcdn.com/bootstrap/3.0.0p/3.0.0p/3.0. /fonts/glyphicons-halflings-regular.eot

取代現有字型檔與下載的字型檔。
2. 在 Firefox 中按 CTRL F5 執行強力重新加載，強制瀏覽器加載更新的檔案。

此過程應該可以解決問題在 Firefox 中顯示字形。

以上是為什麼我的 Bootstrap 3 Glyphicons 在 Firefox 中顯示'E001”？的詳細內容。更多資訊請關注PHP中文網其他相關文章！