Icon-font Sporadically Shows Up As Squares And Back To Icon On Hover

Getting a weird behaviour for FontAwesome icon font. Icons do show up on a page load, but when I'm flipping between the tabs and going back to the original page, icons might appear

Solution 1:

I was brought to your question, because we have been experiencing the same thing on our site with the Symbolicons icon font.

After doing some research I found out that this happens due to a bug in Chrome. So the issue is not with Font Awesome and I don't think you can do anything for now to fix it. Guess we just have to wait for the fix to hit the stable Chrome version.

Links to the bug discussions:

• Issue 336075: embedded fonts unload
• Issue 336170: Wrong rendering of Webfonts when loading tabs in background