Font Awesome Icons only squares

In typography, a square appears when you ask for a character that is not included in the font.

By adding the property !important to font-family:, your naviagator is obliged to use Font Awesome.

Look carefully at your two screenshots. Neither of the icons is identical.

Some solutions:

1. Modify your css

   .fa{
   font-family: ‘font-awesome’;
   font: normal normal normal 14px/1
   }

2. Use a other icon font

3. Make sure you call the Unicode character: f0e4

I hope this will help you.