使用Bootstrap 3.1.1 Glyphicons时遇到问题。
在谷歌浏览器中,图标运行正常。
但在Firefox中,会显示一些图标,有些则不会显示。
例如:
<span class="glyphicon glyphicon-log-in"></span>
应显示“登录”字形。
在Chrome中显示图标,在Firefox中不显示。
<span class="glyphicon glyphicon-folder-open"></span>
应显示“文件夹打开”字形。
在Chrome中显示图标,在Firefox中也会显示
谷歌告诉我,Firefox可能在从其他服务器导入字体文件时遇到问题,但我将它们放在我的网络服务器上。由于某些图标在Firefox中显示而某些图标没有显示,因此我认为问题不在文件访问问题中。有趣的是,然后我访问了Bootstrap组件网站,每个glyphicon(甚至那些,我的Firefox都不会在我的网站上显示)都被Firefox正确显示。
由于Bootstrap组件网站上的字形可以在Firefox中正常工作,因此我比较了Bootstrap组件网站上使用的文件的MD5sums和通过下载Bootstrap下载的文件。校验和是平等的,所以我认为我没有损坏的文件。
有什么想法吗?
更新:
OS =&gt; openSUSE的
但我发现了问题:
从我的服务器删除字体后,它们仍以某种方式显示在网站上。 Chrome控制台和Firebug没有告诉我他们来自哪里,但网络嗅探器告诉我,我在某处包含来自外国服务器的CSS。
搜索完我的项目后,我在第三方bootstrap插件中发现了这个CSS导入。
删除了该行,现在使用了我的本地字体,并且所有图标都正确显示。
很抱歉打扰你,本来应该有想法检查一下网络嗅探器,看看早先从第三方扩展中调用的可能包含。