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地址：
rush:js;">
@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不正常显示的快速解决办法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
