Font-awesome Icons Are Missing

I want to design a website using html5 and bootstrap.In, and to my html code, I need Font-Awesome icons. But when I put font-awesome.min.css and corresponding fonts, the Font-Aweso

Solution 1:

Either address is wrong (or) configuration setting is missing

1. verify your address by checking it directly on the browser or simply put the source and refer the path.
2. refer this Downloadable font on firefox: bad URI or cross-site access not allowed

Solution 2:

try to include font-awesome.css plugin not font-awesome.min.css because some time it shows error. When you are including this plugin in your html file include it above of all script files some time it also create a problem.

Solution 3:

Make sure correct format is used with the fonts.

For me the Firefox gave error:

downloadable font: rejected by sanitizer (font-family: "opensans-semibold" style:normal weight:400 stretch:100 src index:1) source: <path-to-font>/OpenSans-SemiBold.svg

Upon checking the file the format provided in format() for svg was incorrect:

url("../fonts/open-sans/open-sans-regular/OpenSans-Regular.svg") format("woff2");

So the format woff2 was provided for svg font which I corrected to:

url("../fonts/open-sans/open-sans-regular/OpenSans-Regular.svg") format("svg");

And the problem was gone!

Solution 4:

Either address is wrong (or) configuration setting is missing verify your address by checking it directly on the browser or simply put the source and refer the path. refer this Downloadable font on firefox: bad URI or cross-site access not allowed

Solution 5:

if you just add this line of code

  <link href="fonts/fontawesome/all.min.css" rel="stylesheet"> 

inside of your page you just need go to the all.min.css and you can see there are some urls for fonts that you must inculde in your directory of your site.