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

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不正常显示的快速解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。