Font awesome icon showing as square in chrome?

Question

I am trying to use a font-awsome icon within a button. The icon works fine in firefox but when I use it in chrome it appears as a square. I have looked around and the only thing

Answer 1

For me this issue was due to a stray number 4 in one of my CSS files.

I was pulling my hair out and used all the fixes dotted around to no avail, but after opening a completely unrelated CSS file and finding the number 4 at the end of the document and removing it it worked perfectly.

So check every CSS file for stray characters.