字形图标不适合 chrome [英] glyphicons icons not get suitable for chrome

问题描述

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

Below is the chrome view of my page. here image/icon sides not show well

但是我将鼠标悬停在该图像/链接上或手动更改窗口宽度，其显示正确如下.但它在 Firefox 中运行良好

But i make mouse-over/hover on that image/link or change window width manually, its display correctly like below. but its work fine in Firefox

这是我使用的html代码

this is the html code i using

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

推荐答案

这是 chrome 的一个常见问题，请改用另一种图标字体，如 Fontawesomehttp://fortawesome.github.io/Font-Awesome/

This is a common problem with chrome instead use another icon font like Fontawesome http://fortawesome.github.io/Font-Awesome/

Fontawesome 兼容 IE7 以上的所有浏览器.Fontawesome 有很多很酷的图标.而且它相当新.

Fontawesome is compatible with all browsers above IE7. Fontawesome has a lot of cool icons. and it's fairly new.

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

对于您需要查看的图标:

for the icons you need look at:

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

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

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

You can then use them like this: <i class="icon-desktop"></i> icon-desktop etc.

这篇关于字形图标不适合 chrome的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！