glyphicons icons not get suitable for chrome

问题:

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

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

this is the html code i using

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

回答1:

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

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/

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