时间:2021-05-28
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不正常显示的快速解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AndroidScrollView嵌套ExpandableListView显示不正常的问题的解决办法前言:关于ScrollView嵌套ExpandableLis
很多人在win10升级了一下word2016后发现,word文件的图标显示不正常(如下图这种情况),word2016图标显示不正常怎么办?打开“默认
在vue+cli项目中使用iview组件及icon图标,打包后icon不显示,解决办法:1.在build文件夹下找到utils.js文件,把publicPath
Windows7用户发现我的电脑里面,硬盘的图标不正常,有时候只有系统所在分区外有卷标,其他分区磁盘不显示卷标,有时候还出现硬盘图标损坏的问题。有什么办法可
Win7的系统,桌面图标显示不正常,昨天还是正常的,今天电脑桌面图标,就显示不出正常的图标了。这个问题一般是电脑图标缓存的问题。借用一下系统工具软件,就可以修复