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

The above answer is correct but I wanted to clarify one step further because I don't think it's clear on the font awesome page for getting started. I added the min.css stylesheet and linked to it in the head section of my page. You'll also need to get the five font files and put them in your "fonts" folder of your project. There should be five files and they will end in:

.eot .svg .ttf .woff .otf

I retrieved the files from github here: https://github.com/FortAwesome/Font-Awesome