glyphicons图标不适合镀铬

时间:2013-05-30 13:41:25

标签: twitter-bootstrap glyphicons

以下是我的页面的chrome视图。这里图像/图标两侧不显示

image 1

但是我会在该图像/链接上进行鼠标悬停/悬停或手动更改窗口宽度,其显示方式如下所示。但它在Firefox中工作正常

image 2

这是使用

的html代码
<li><a class="glyphicons display" href=""><i></i>Dashboard</a></li>

1 个答案:

答案 0 :(得分:1)

这是Chrome的常见问题,而是使用其他图标字体,如Fontawesome http://fortawesome.github.io/Font-Awesome/

Fontawesome与IE7以上的所有浏览器兼容。 Fontawesome有很多很酷的图标。这是相当新的。

http://fortawesome.github.io/Font-Awesome/icons/

您需要查看的图标:

http://fortawesome.github.io/Font-Awesome/icon/cogs/

http://fortawesome.github.io/Font-Awesome/icon/desktop/

然后您可以像这样使用它们:<i class="icon-desktop"></i> icon-desktop等。