關於firefox對font awesome本地環境無法加載問題


問題描述

  昨天嘗試使用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:///訪問方式;

  由於是為了將圖標添加到系統服務中,因此直接使用即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM