There's a strange issue I'm facing with Chrome. I've integrated Bootstrap with glyphicons and another font (BYekan) using @font-face.
Sometimes the glyphicons and BYekan fonts display correctly, but other times a square appears in place of the fonts. When I hover over the square, the correct icons and BYekan font appear.
There's a similar question with an illustration on Stack Overflow but it doesn't seem to have a solution - glyphicons icons not get suitable for chrome.
I'm running Chrome version 32 on a Windows machine. I'm also using the Flat UI, which is based on Bootstrap, and the same issue occurs with its web font icons.
This problem is affecting my design and causing me some serious concern. I want to clarify that abandoning Flat UI or BYekan font is not an option for me.