firefox(ff)下无法显示bootstrap图标问题的解决方案(转)
2016-01-24 21:24
806 查看
原文链接:
http://www.th7.cn/web/html-css/201502/82548.shtml
后在网上搜到了解决方案,在此分享以供各位遇到问题的同好参考:在ff的地址栏中输入“about:config”,即进入配置界面。进入后,搜 索“security.fileuri.strict_origin_policy”,这是该值应该是true。双击该项,其值自动变为false,即 可。修改后,再刷新遇到问题的页面,即可看到正常显示的图标了。
那是什么原因导致了这个问题的出现呢?原因是ff的一个安全策略导致的。该策略限制了HTML文件访问不在根目录下的文件夹中的web fonts。这种限制只在本地开发环境下,同时web fonts并未从远程获取时出现。
后来看了下前面提到的那个没有出现问题的bootstrap项目。果然,其fonts文件夹被放置在了项目的根目录下。这样即使不去改变上述安全策略,也是可以正常显示的。
Firefox has a strict setting(this) that prevents your HTML file from accessing your web fonts from folders not on the root. This only happens when you work locally and not from files on a server. You have to change a setting in Firefox to display the glyphicons when you develop locally.
-open "about:config" in your address in firefox
-Then
search for "security.fileuri.strict_origin_policy" property and change
it from "true" to "false". (ignore quotation marks of course)
http://stackoverflow.com/questions/19085942/boootstrap-glyphicons-firefox-issues
http://www.th7.cn/web/html-css/201502/82548.shtml
后在网上搜到了解决方案,在此分享以供各位遇到问题的同好参考:在ff的地址栏中输入“about:config”,即进入配置界面。进入后,搜 索“security.fileuri.strict_origin_policy”,这是该值应该是true。双击该项,其值自动变为false,即 可。修改后,再刷新遇到问题的页面,即可看到正常显示的图标了。
那是什么原因导致了这个问题的出现呢?原因是ff的一个安全策略导致的。该策略限制了HTML文件访问不在根目录下的文件夹中的web fonts。这种限制只在本地开发环境下,同时web fonts并未从远程获取时出现。
后来看了下前面提到的那个没有出现问题的bootstrap项目。果然,其fonts文件夹被放置在了项目的根目录下。这样即使不去改变上述安全策略,也是可以正常显示的。
Firefox has a strict setting(this) that prevents your HTML file from accessing your web fonts from folders not on the root. This only happens when you work locally and not from files on a server. You have to change a setting in Firefox to display the glyphicons when you develop locally.
-open "about:config" in your address in firefox
-Then
search for "security.fileuri.strict_origin_policy" property and change
it from "true" to "false". (ignore quotation marks of course)
http://stackoverflow.com/questions/19085942/boootstrap-glyphicons-firefox-issues
相关文章推荐
- Bootstrap表单布局样式
- bootstrap使用心得及css模块化的初步尝试
- 使用Jquery获取Bootstrap Radio Group当前选中的单选框的值
- Bootstrap-Table实现从服务器加载数据进行显示
- 如何更高效地定制你的bootstrap
- Bootstrap-Table实现从服务器加载数据进行显示
- 【Bootstrap3.0建站笔记二】button可下拉弹出层
- Bootstrap表单之按钮专题
- Bootstrap表单
- Bootstrap表格
- bootstrap排版
- 【Bootstrap 未完】牛客网试题总结
- bootstrap modal 在IOS9中不能弹出的问题 IOS 9 bootstrap modal ios 9 noticework
- bootstrap在使用中的样式问题(自带的前台js分页和自己编写的后台分页方法)
- 一款基于Bootstrap扁平化的后台框架Ace
- bootstrap3 兼容IE8浏览器
- bootstrap-fileinput简单完整列子
- 几个页面的问题一起记录了/el表达式判断/<c:import>传值/BootstrapDialog.show关闭时刷新/
- Bootstrap单按钮的下拉菜单
- bootstrap-select搜索框输入中文