Glyphicon中的某些图标在Firefox中显示为“”

时间:2013-10-09 16:09:06

标签: css firefox twitter-bootstrap fonts twitter-bootstrap-3

我正在使用Bootstrap 3的Glyphicon, 一些图标,例如glyphicon-fire,glyphicon-calendar在Firefox中显示为“”,但它在Chrome中运行良好。

我非常确定字体和css的位置是对的, 我已尝试过来自http://getbootstrap.com/和github的每个引导程序包,但它们都没有工作。

请告诉我如何解决这个问题,谢谢。

P.S:这很奇怪,当我按下ctrl-f5时会显示图标日历,但是当我f5它再次显示为“”时。

2 个答案:

答案 0 :(得分:1)

在Bootstrap 2.3中,glyphicons是一个图像,但在V3中,它们被制作成图标字体。

我只能想到一个问题,而且它是字符集。

确保页面中有<meta charset="utf-8">

如果这还不够,假设您使用Apache2作为您的网络服务器,请在您的网站目录中创建一个包含此

.htaccess文件
AddDefaultCharset utf-8

希望这有帮助!

答案 1 :(得分:-1)

我所知道的唯一解决方法是制作你想要的图像,尽管可能还有其他更简单的方法。

如果您使用的是Mac,那么您可以在Chrome中打开它并在编辑之前对其进行小截屏,以使其看起来不错

如果您使用的是Windows计算机,那么您需要制作一个大屏幕截图或放大并从近处制作屏幕截图