Font awesome not displaying properly on Firefox

Question

I am trying to use a font awesome icon in a widget that is installed on a customers website. The font awesome icons displays correctly in Safari and Chrome but doesnt in Firefo

Answer 1

@font-face{font-family:'FontAwesome-webfont';

trust me, this really works.