Fa-Fa awsome icons are not displayed on firefox
Fa-Fa awsome icons are not displayed on firefox while displayed well on all other browsers. go to www.upsingh.in
Chosen solution
It looks that Firefox tries to retrieve the font by using the link from the http://www.upsingh.in/ server and those files do not exist and doesn't use the link from the maxcdn.bootstrapcdn.com .
- link rel="stylesheet" href="http://www.upsingh.in/css/font-awesome.min.css"
I'm not seeing any request from the file hosted on maxcdn.bootstrapcdn.com
If I delete the link or disable the css/font-awesome.min.css stylesheet then Firefox shows the font for me and I see a request to the maxcdn.bootstrapcdn.com server to get the font
- link rel="stylesheet" href="http://www.upsingh.in/css/font-awesome.min.css"
- http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0
You can paste this code in the command line in the Web Console (Firefox/Tools > Web Developer) to test this.
document.querySelector('link[href="css/font-awesome.min.css"]').disabled=trueRead this answer in context 👍 3
All Replies (3)
Try converting the font to different formats and using them together:
Chosen Solution
It looks that Firefox tries to retrieve the font by using the link from the http://www.upsingh.in/ server and those files do not exist and doesn't use the link from the maxcdn.bootstrapcdn.com .
- link rel="stylesheet" href="http://www.upsingh.in/css/font-awesome.min.css"
I'm not seeing any request from the file hosted on maxcdn.bootstrapcdn.com
If I delete the link or disable the css/font-awesome.min.css stylesheet then Firefox shows the font for me and I see a request to the maxcdn.bootstrapcdn.com server to get the font
- link rel="stylesheet" href="http://www.upsingh.in/css/font-awesome.min.css"
- http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0
You can paste this code in the command line in the Web Console (Firefox/Tools > Web Developer) to test this.
document.querySelector('link[href="css/font-awesome.min.css"]').disabled=true
Thanks a lot It worked for me.