BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法


Posted in Javascript onDecember 08, 2016

 bootstrap 图标icon符号图标glyphicons不正常显示解决办法如下所示:

分享供各位参考:

1、在ff/http:的地址栏中输入“about:config”,即进入配置界面。

2、进入后,搜索“security.fileuri.strict_origin_policy”,这是该值应该是true。

3、双击该项,其值自动变为false,即可。

4、修改后,再刷新遇到问题的页面,即可看到正常显示的图标了。

探究问题原因:

1、由于ff/http:一个安全策略导致的。该策略限制了HTML文件访问不在根目录下的文件夹中的web fonts。

2、这种限制只在本地开发环境下,同时web fonts并未从远程获取时出现。

3、后来看了下前面提到的那个没有出现问题的bootstrap项目。

4、果然,其fonts文件夹被放置在了项目的根目录下。

5、这样即使不去改变上述安全策略,也是可以正常显示的。

6、@font-face地址:

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

以上所述是小编给大家介绍的BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
javaScript中的this示例学习详解及工作原理
Jan 13 Javascript
js选择器全面解析
Jun 27 Javascript
轻松搞定js表单验证
Oct 13 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
JS实现给数组对象排序的方法分析
Jun 24 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 #Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 #Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 #Javascript
浅谈Node.js:理解stream
Dec 08 #Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 #Javascript
Bootstrap基本插件学习笔记之折叠(22)
Dec 08 #Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
Dec 08 #Javascript
You might like
实时抓取YAHOO股票报价的代码
2006/10/09 PHP
PHP配置心得包含MYSQL5乱码解决
2006/11/20 PHP
自己前几天写的无限分类类
2007/02/14 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
jquery简单图片切换显示效果实现方法
2015/01/14 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
2015/12/04 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
Django的models模型的具体使用
2019/07/15 Python
Python生成词云的实现代码
2020/01/14 Python
Python3 assert断言实现原理解析
2020/03/02 Python
Django数据统计功能count()的使用
2020/11/30 Python
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
网络方面基础面试题
2012/11/16 面试题
财务管理个人自荐书范文
2013/11/24 职场文书
学习普通话的体会
2014/11/07 职场文书
招标保密承诺书
2015/01/20 职场文书
罚款通知怎么写
2015/04/22 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书
用JS实现飞机大战小游戏
2021/06/09 Javascript