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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在web开发中使用了Bootstrap3框架但是Firefox无法显示Glyphicons字体图标,其他浏览器可是,应该如何设置相关的知识,希望对你有一定的参考价值。

步骤一:在ff的地址栏中 输入“about:config”,即进入配置界面。
步骤二:进入后,看到很多首选名称。
步骤三:搜索“security.fileuri.strict_origin_policy”,这 是该值应该是true。
步骤四:双击该项,其值自动变为false,即可。
步骤五:修改后,再刷新遇到问题的页面,即可看到正常显示的图标了。
注:原因是ff的一个安全策略导致的。该策略限制了html文件访问不在根目录下的文件夹中的web fonts。这种限制只在本地开发环境下,同时web fonts并未从远程获取时出现。若fonts文件夹被放置在了项目的根目录下。这样即使不去改变上述安全策略,也是可以正常显示的。
参考技术A   您好!很高兴为您答疑!

  你在bootstrap3的官网上,把源代码的那几个Glyphicons 图标的字体下载下来,覆盖掉原来。
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

以上是关于在web开发中使用了Bootstrap3框架但是Firefox无法显示Glyphicons字体图标,其他浏览器可是,应该如何设置的主要内容,如果未能解决你的问题,请参考以下文章

Web前端之移动端课程开发之06.bootstrap

Web前端之移动端课程开发之06.bootstrap

盘点目前最受欢迎的前端框架。

所见即所得的 HTML5 Bootstrap3.3.2 Web 网页 IDE 集成开发环境

如何用 bootstrap 创建一个网站

什么是Bootstrap?为什么使用 Bootstrap