关于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:///访问方式；

　　由于是为了将图标添加到系统服务中，因此直接使用即可。

转载于:https://www.cnblogs.com/guodq/p/5268248.html