testContent

Icon Animation + Wobbles

We’ve worked hard to keep icons perfectly centered when they spin or pulse. However, we’ve seen issues with several browsers with the Web Fonts + CSS method of Font Awesome. This appears to be an issue with web fonts in general and not something we can directly fix. We do have a couple of ways you might be able to work around this:

• Set the display of the animating icon — Use display: block; where you can. This seems to help a lot with this issue.
• Use multiples of 16px (the base font size) — We’ve noticed the wobble is more noticeable otherwise.
• Switch Frameworks — Switch to the SVG with JavaScript method; it’s working a lot better for this.