在web开发中使用了Bootstrap3框架但是Firefox无法显示Glyphicons字体图标，其他浏览器可是，应该如何设置

步骤一：在ff的地址栏中 输入“about:config”，即进入配置界面。

步骤二：进入后，看到很多首选名称。

步骤三：搜索“security.fileuri.strict_origin_policy”，这 是该值应该是true。

步骤四：双击该项，其值自动变为false，即可。

步骤五：修改后，再刷新遇到问题的页面，即可看到正常显示的图标了。

注：原因是ff的一个安全策略导致的。该策略限制了HTML文件访问不在根目录下的文件夹中的web fonts。这种限制只在本地开发环境下，同时web fonts并未从远程获取时出现。若fonts文件夹被放置在了项目的根目录下。这样即使不去改变上述安全策略，也是可以正常显示的。

bootstrap 在官网中组件这一块用的是 Glyphicons 字体图标 ，必须设置的类名是 glyphicon

，其实用什么图标取决于你想用什么图标，至于必须设置的类名就取决于该文字图标了！

bootstrap引用图标的方法：

1、下载包并解压

在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹，把它复制到你的项目中（注意，这里可以重命名哦）

2、将连接添加到‘style.css’，html里添加一个图标，内容如下：

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

<link rel="stylesheet" href="path/to/elegant-font/style.css">

可以在你HTML里添加图标，并且使用CSS来更改它们的样式：

<span aria-hidden="true" class="icon_pencil"></span>

---