icon-spin class changes font (weight?) in bootstrap #680

letskillowen opened this Issue Jan 15, 2013 · 8 comments


None yet
4 participants

Running bootstrap 2.2.2 with font-awesome 3.0.1 on Chrome Version 24.0.1312.52 / Mac OS X 10.8.2

When the class icon-spin is applied to an element the font in bootstrap navbar (and other elements) changes in weight slightly. See example page in latest Chrome on Mac (haven't checked Chrome on Windows).



davegandy commented Jan 25, 2013

First, thanks for the thorough example you've provided. You are a paragon of bug reporting. Thank you.

I'm not seeing any issues on my retina screen, so I'll have to check on my other screen tonight when I get home. This might be something I cannot control with how Chrome renders fonts.

Yeah, it's very subtle. It only seems to affect certain elements in bootstrap, like the navbar. But I also see it happening on tabbed navs too. Other font elements that obviously have an increased weight, such as things wrapped in bold or header tags don't seem to be affected from what I've seen.

It's hard to tell in the example I posted above because it is so subtle, but it appears to me, that the weight changes on the fonts in the nav bar EXCEPT for the active nav item (HOME).

PS. Thanks for your awesome work on this project.


davegandy commented Jan 25, 2013

Oh, now I understand. I'm seeing it too on my retina display. Very odd. I'm seeing it in latest Safari, too. I'll poke around a bit, but I'm really not sure I can do anything about this one. Very odd that it's changing fonts that it should have no control over. I've feel like I've heard of something like this as a hack to make fonts render lighter in webkit.

And I'm also seeing this happen to the active nav item pretty distinctly.

coolhome commented May 9, 2013

I can also reproduce this bug on Windows 7 64 bit using Chrome 26.0.1410.64m. It only happens when the -webkit-animation is enabled. Still can't figure it out!

I have just encountered this on Safari when I apply the icon-spin class to any element: lightened nav menu text. No other icon or icon effect causes the issue.

After doing some research I believe this has to do with Webkit sending data to the graphics card to accelerate the process.

Consensus believe this ticket should be closed as it's not directly related to a bug with font-awesome?


davegandy commented Jun 12, 2013

Agreed. Closing.

@davegandy davegandy closed this Jun 12, 2013

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment