Today I realized that Mozilla Firefox is not rendering/showing font awesome icons which can be a big problem if you don’t have any alternative.

This reason for this is cross origin resource sharing issue which is a protective measure helping to prevent the direct or indirect access to other server files.

What this means?

If you are using content delivery network (CDN) for serving your font awesome icons, then it might have been that  contents are not served directly from origin server but are served from other domain, and Mozilla denies this kind of activity.

I’ve red several posts stating that this problem can be resolved by adding additional headers to apache web server:

If the settings above are not working, there is second method you can try. Just go to font awesome official website, and download the font-awesome package, include CSS and JS file on your page, and icons will appear.

Font awesome is not showing/working in Mozilla FirefoxAmir DuranUncategorizedfont awesome,mozilla firefox
Today I realized that Mozilla Firefox is not rendering/showing font awesome icons which can be a big problem if you don't have any alternative. This reason for this is cross origin resource sharing issue which is a protective measure helping to prevent the direct or indirect access to other server files. What...