Bootstrap Glyphicons Firefox - 有些工作,有些没有

时间:2014-07-24 09:47:38

标签: html css firefox twitter-bootstrap-3 glyphicons

使用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导入。

删除了该行,现在使用了我的本地字体,并且所有图标都正确显示。

很抱歉打扰你,本来应该有想法检查一下网络嗅探器,看看早先从第三方扩展中调用的可能包含。

0 个答案:

没有答案