Bootstrap 圖示載入不一致：本地與線上
這個問題探討了為什麼Bootstrap 圖示在本地載入但在網站開啟時卻無法載入線上託管。使用者提供了一個 HTML 程式碼片段，其中帶有 Bootstrap 字形圖示的按鈕在本機上正確顯示，但在 Windows Azure 上部署時顯示的前綴不正確。
調查顯示，此問題源自於瀏覽器嘗試的不同檔案路徑從中載入圖示。在本地，它正確地從 /Content/fonts/glyphicons-halflings-regular.woff 載入文件，而在線時，它嘗試從 /fonts/glyphicons-halflings-regular.woff 載入文件。
要解決此問題，使用者註意到他們在本地和線上環境中使用標準 Bootstrap 檔案和相同的網站配置。他們還提供了 CSS 捆綁程式碼和檔案結構。
問題的解決方案來自 MetroUI 遇到的類似問題。我們發現捆綁 CSS 檔案會破壞 Windows Azure 中的字體載入機制。
具體來說，原始捆綁名稱引用了應用程式根目錄下的 /fonts 目錄，而捆綁後該目錄不存在。更改捆綁包名稱以準確反映文件結構糾正了該問題，確保瀏覽器從本地和在線的正確位置加載字體。
以上是為什麼 Bootstrap 圖示在本地與線上載入不一致？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
