為什麼我的字形在 Bootstrap 3 中無法正確顯示？

對Bootstrap 3 中的字形圖示顯示不正確進行故障排除

在從Bootstrap 2.3 遷移到Bootstrap 3 的過程中，您遇到了字形圖示無法正確顯示的問題。此問題在 Firefox 中尤其普遍。

問題根源：

問題源自於 Bootstrap 自訂版本中包含的字型檔案問題。這些檔案已損壞，導致圖示顯示不正確。

解決方案：

要解決此問題，您可以手動下載字體檔案並替換您自己的文件，或簡單地使用 CDN。

手動下載選項：

1. 訪問以下鏈接下載字體檔案：

   • https://netdna. bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/ glyphicons-halularflings-reg.
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf
   • https://netdna. bootstrapcdn.com/boot🎜>
   https://netdna. bootstrapcdn.com/boot🎜>
   https://netdna. bootstrapcdn.com/boot🎜>
https://netdna. bootstrapcdn.com/boot🎜>
2. https://netdna. bootstrapcdn.com/boot🎜>
https://netdna. bootstrapcdn.com/boot🎜/3.0 .0/fonts/glyphicons-halflings-regular.eot

將現有字型檔替換為Bootstrap 安裝目錄中下載的字型檔。 執行強力重新載入 (CTRL F5) 以套用變更。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

CDN 使用選項：

如果您喜歡使用 CDN，則可以不需要手動替換字體檔案。只需在 HTML 中包含以下 CDN 連結：這將確保從 CDN 載入正確的字體文件，解決圖示顯示問題。

以上是為什麼我的字形在 Bootstrap 3 中無法正確顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！