BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
更新时间：2016年12月08日 09:02:38 作者：卡特酋长
这篇文章主要介绍了BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法,需要的朋友可以参考下
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中的循环遍历，给大家总结的非常全面，感兴趣的朋友跟随小编一起看看吧2018-09-09
这篇文章主要给大家介绍了关于手撕javascript继承的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
PostCSS是一个用JavaScript编写的插件工具,它可以帮助我们对CSS进行模块化、自动化处理和优化,这篇文章主要介绍了JS中postcss插件实现vw适配,需要的朋友可以参考下2025-01-01
让你的操作剪切板的操作支持多浏览器，一般IE,Firefox2010-05-05
这篇文章主要为大家详细介绍了javascript轮播图算法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
JavaScript实现三种常用网页特效(offset、client、scroll系列)
这篇文章主要为大家介绍了三种常用的PC端网页特效：元素偏移量offset系列，元素可视区client系列和元素滚动scroll系列，文中示例代码介绍详细，需要的可以参考一下2021-12-12
Div上下居中...2007-02-02
这篇文章主要为大家详细介绍了JavaScript Ajax实现异步通信的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
前段时间心血来潮,想把项目的前端都做一下接口防止重复请求的处理,虽然大部分的接口处理我们都是加了loading的,但又不能确保真的是每个接口都加了的,下面就来总结一下这次的防重复请求的实现方案,需要的朋友可以参考下2024-03-03
浅谈Webpack4 Tree Shaking 终极优化指南
这篇文章主要介绍了浅谈Webpack4 Tree Shaking 终极优化指南，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
最新评论