bootstrap 圖標icon符號圖標glyphicons不正常顯示解決辦法如下所示：
分享供各位參考：
1、在ff/http:的地址欄中輸入“about:config”，即進入配置界面。
2、進入後，搜索“security.fileuri.strict_origin_policy”，這是該值應該是true。
3、雙擊該項，其值自動變為false，即可。
4、修改後，再刷新遇到問題的頁面，即可看到正常顯示的圖標了。
探究問題原因：
1、由於ff/http:一個安全策略導致的。該策略限制了HTML文件訪問不在根目錄下的文件夾中的web fonts。
2、這種限制只在本地開發環境下，同時web fonts並未從遠程獲取時出現。
3、後來看了下前面提到的那個沒有出現問題的bootstrap項目。
4、果然，其fonts文件夾被放置在了項目的根目錄下。
5、這樣即使不去改變上述安全策略，也是可以正常顯示的。
6、@font-face地址：
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
以上所述是小編給大家介紹的BootStrap 圖標icon符號圖標glyphicons不正常顯示的快速解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！