在學習bootstrap的時候，有一個問題始終非常疑惑和困擾，就是firefox無法顯示bootstrap自帶的那套名為“glyphicon”的圖標，在圖標的引用處顯示的是一個小方塊，如圖所示（4前面的小方塊）：
但在chrome和IE 10下面則是可以正常顯示的，說明這個問題並不是因為使用不當、相關文件存儲位置錯誤而導致。在firfox里面顯示不出來的情況遇到兩種：
1、我用的開發軟件是webstorm,上圖的頁面，我從webstorm的瀏覽器圖標里面打開，能顯示出來符號，但是從文件夾直接雙擊html文件訪問，瀏覽器上的符號就顯示異常；
2、就是不管哪種方式打開，都顯示不出來符號；
在網上搜索了很多原因如下：
1、有帖子說，可能是因為強制設置了字體，導致了ff瀏覽器無法正常顯示bootstrap圖標，按照帖子上面對字體進行了改動，還是無法解決問題，看來原因不是這個。
2、有帖子說可能是因為firfox的設置問題，解決辦法步驟：
步驟一：在ff的地址欄中 輸入“about:config”，即進入配置界面。
步驟二：進入后，看到這個頁面：
步驟三：搜索“security.fileuri.strict_origin_policy”，這 是該值應該是true。
步驟四：雙擊該項，其值自動變為false，即可。
步驟五：修改后，再刷新遇到問題的頁面，即可看到正常顯示的圖標了。按照這個辦法試了試，果然可以看到圖標了。
那是什么原因導致了這個問題的出現呢？原因是ff的一個安全策略導致的。該策略限制了HTML文件訪問不在根目錄下的文件夾中的web fonts。這種限制只在本地開發環境下，同時web fonts並未從遠程獲取時出現。若fonts文件夾被放置在了項目的根目錄下。這樣即使不去改變上述安全策略，也是可以正常顯示的。
還有一些異常狀況，以后再慢慢補充。
參考解決方案：http://www.th7.cn/web/html-css/201502/82548.shtml