問題描述
昨天嘗試使用font awesome加載字體圖標,直接在本地引入相關文件,測試發現圖標在chrome和IE環境支持,但是在firefox上怎么都顯示不出來。
解決方法
通過測試發現通過http://引用相關css文件,在本地顯示正常,而使用相對路徑:../css/fontawesome.css方式引用出現問題。
通過查詢發現firefox在3.0版本以后對本地文件加載有限制,如果需要本地使用需要將相關安全策略去掉:
步驟:1、輸入about:config
2、搜索“security.fileuri.strict_origin_policy”
3、雙擊,將這項置為false即可
除了去除安全策略,還可以通過啟動服務,將文件部署到服務器上,通過http://訪問。
總結
Firefox對於本地文件加載的安全設置策略導致不能再本地環境下正常顯示font awesome圖標;
Firefox的安全策略不支持file:///訪問方式;
由於是為了將圖標添加到系統服務中,因此直接使用即可。