关于firefox对font awesome本地环境无法加载问题

时间:2022-10-20 20:58:09

问题描述

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

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