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

Use direct link for including css files , also make sure you don't get a cross-domain error in the debugging console .

For example when you access your website from :

http://www.domain.tld make sure you link css file from the same path including www

like so : http://www.domain.tld/css/style.css

and when you access from http:// > link css files also from that very same path without www.

http://domain.tld/css/style.css

i got that issue some time ago and it was fixed by modifying css paths to request css files from the "same" web address / path .

example: you can view font awesome icons in this path

http://webake.ro/

But not in this one :

http://www.webake.ro/

because the font was linked from within http://domain.tld path without adding www. in the

link href=

Font from origin 'http://webake.ro' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.webake.ro' is therefore not allowed access.