twitter-bootstrap - glyphicons 图标不适合 chrome

Question

下面是我页面的 chrome 视图。此处图像/图标侧面显示不佳

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

这是我使用的 html 代码

<li><a class="glyphicons display" href=""><i></i>Dashboard</a></li>

Answer 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等等。