firefox(ff)下沒法顯示bootstrap圖標問題的解決方案

　　最近在一個基於bootstrap的項目中遇到了一個問題，問題的表現是沒法顯示bootstrap自帶的那套名爲「glyphicon」的圖標，在圖標的引用處顯示的是一個小方塊兒，裏面隱約可見4個貌似爲16進制的字符，如圖所示：。好端端、現成兒的圖標用不了，悲哀~

 

　　但在chrome和IE 10下面則是能夠正常顯示的，說明這個問題並非由於使用不當、相關文件存儲位置錯誤而致使。並且，在另外一個基於一樣版本bootstrap的項目中則沒有遇到這個問題，怪哉~~

 

　　後在網上搜到了解決方案，在此分享以供各位遇到問題的同好參考：在ff的地址欄中輸入「about:config」，即進入配置界面。進入後，搜索「security.fileuri.strict_origin_policy」，這是該值應該是true。雙擊該項，其值自動變爲false，便可。修改後，再刷新遇到問題的頁面，便可看到正常顯示的圖標了。

 

　　那是什麼緣由致使了這個問題的出現呢？緣由是ff的一個安全策略致使的。該策略限制了HTML文件訪問不在根目錄下的文件夾中的web fonts。這種限制只在本地開發環境下，同時web fonts並未從遠程獲取時出現。

 

　　後來看了下前面提到的那個沒有出現問題的bootstrap項目。果真，其fonts文件夾被放置在了項目的根目錄下。這樣即便不去改變上述安全策略，也是能夠正常顯示的。