html页面中的bootstrap 图标不正常显示,谁可以帮忙解决一下
3 回答
慕无忌1623718
TA贡献1744条经验 获得超4个赞
在ff的地址栏中输入“about:config”,即进入配置界面。进入后,搜索“security.fileuri.strict_origin_policy”,这是该值应该是true。双击该项,其值自动变为false,即可。修改后,再刷新遇到问题的页面,即可看到正常显示的图标了。
那是什么原因导致了这个问题的出现呢?原因是ff的一个安全策略导致的。该策略限制了HTML文件访问不在根目录下的文件夹中的web fonts。这种限制只在本地开发环境下,同时web fonts并未从远程获取时出现。
后来看了下前面提到的那个没有出现问题的bootstrap项目。果然,其fonts文件夹被放置在了项目的根目录下。这样即使不去改变上述安全策略,也是可以正常显示的。
萧十郎
TA贡献1815条经验 获得超13个赞
按F12你会发现有报错信息,然后你根据目录 就可以导入(其实只要在导入fonts目录下所有文件就行了,fonts目录跟CSS目录是同一级,而fonts的文件由一开始下载的bootstrap携带)
- 3 回答
- 0 关注
- 599 浏览
添加回答
举报
0/150
提交
取消