Font awesome is not showing/working in 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 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:
|
1 2 3 |
<FilesMatch ".(eot|ttf|otf|woff)"> Header set Access-Control-Allow-Origin "*" </FilesMatch> |
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.
http://code-epicenter.com/font-awesome-is-not-showingworking-in-mozilla-firefox/Font awesome is not showing/working in Mozilla FirefoxUncategorizedfont awesome,mozilla firefoxToday 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...Amir DuranAmir Duranamir.duran@gmail.comAdministratorAmir Duran is software engineer who currently lives and works in Germany. He obtained Masters degree diploma on Faculty of Electrical Engineering in Sarajevo, department Computer science. With good educational background he is specialized in designing and implementing a full-stack web based applications.Code Epicenter
sir i have a same problem that font awesome is don’t showing in mozilla-firefox. so i was used your both methord but it’s not worked. so i want to that how to work it’s. plaese help me.
Hi Hairsh,
could you give me some more details?