Font Awesome social icons not showing up

Question

Font Awesome social icons not showing up in IE, Chrome and Firefox, fortunately it works fine in Safari, anybody had faced like this issue before?

And below is my CSS, I don't want to use CDN.

@font-face {
   font-family: 'FontAwesome';
   src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal;
}

use <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> — Rachel Gallen
how safari alone shows up the social icons, if there is an access-control-allow-origin issue ??? — Abilash

AndrewHipp AndrewHipp · Accepted Answer · 2015-07-29T21:20:35

Check the dev console to see if it's returning an error. Might even be an issue with permissions even if you're running it locally.

Also try updating to Version 4.4.0 which is the latest. There may have been an issue with 4.2.0.

Font Awesome social icons not showing up

1 Answers