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 相关文章推荐
javascript URL编码和解码使用说明
Apr 12 Javascript
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
jquery进行数组遍历如何跳出当前的each循环
Jun 05 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
jQuery Easyui datagrid/treegrid 清空数据
Jul 09 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
浅谈javascript中的 “ && ” 和 “ || ”
Feb 02 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
JS实现求5的阶乘示例
Jan 21 Javascript
turn.js异步加载实现翻书效果
Jul 25 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
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
php下MYSQL limit的优化
2008/01/10 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
php多文件上传实现代码
2014/02/20 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
基于KMP算法JavaScript的实现方法分析
2013/05/03 Javascript
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
重学 JS:为啥 await 不能用在 forEach 中详解
2019/04/15 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
layer弹出层显示在top顶层的方法
2019/09/11 Javascript
[08:08]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY
2014/06/25 DOTA
python分割和拼接字符串
2013/11/01 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
一个月入门Python爬虫学习,轻松爬取大规模数据
2018/01/03 Python
python实现猜单词小游戏
2020/05/22 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
德国Discount-Apotheke中文官网:DC德式康线上药房
2020/02/18 全球购物
产品促销活动策划书
2014/01/15 职场文书
建筑个人求职信范文
2014/01/25 职场文书
趣味体育活动方案
2014/02/08 职场文书
人力资源部门的主要职能
2014/02/22 职场文书
超市开店计划书
2014/04/26 职场文书
深入理解Pytorch微调torchvision模型
2021/11/11 Python