问题描述

昨天尝试使用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:///访问方式;

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