Font Awesome error: downloadable font: rejected by sanitizer

10
votes

downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1) source: http://192.168.1.254/theme/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3 http://192.168.1.254/theme/font-awesome/css/font-awesome.min.css Line 4

I was keep getting above error. and i tried lots of stuff found on the internet. (hosting the fonts on own server)

  • CORS issue
  • MIME-type header config in web server

Other combinations of HTTP headers and MIME-types everything that can resolve the issue but nothing solved it.

4
htmlcssfirefoxfontsfont-awesome
Did not work for me: this post did solve the error stackoverflow.com/questions/24104736/… – leonvr
@leonvr as i said, even after updating Mime Types if don't work, this might be the reason. yours one certainly must be stuck at mimetypes. – Amit Shah

4 Answers

17
votes

Solution:

Remove the "?v=4.6.3" and remaining tail from this block (font-awesome.css / font-awesome.min.css).

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

Updated to:

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
  url('../fonts/fontawesome-webfont.woff2') format('woff2'), 
  url('../fonts/fontawesome-webfont.woff') format('woff'), 
  url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
  url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[SOLVED]

1
votes

If you are getting the error fontawesome-webfont.woff2?v=4.6.3 not found but you definitely know you have the file, here is how to fix it in IIS:

You need to add the mime type in the config file for woff2.

<system.webServer>
<staticContent>
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="font/woff2" />
</staticContent>
</system.webServer>
0
votes

Catched !! Solved with replacing 

font-family: 'fontawesome-webfont';

instead of 

font-family: 'FontAwesome';

I works for me.

0
votes

In my case I had a problem with a SVG loader (either vue-svg-loader or nuxt-svg-loader) that ended up converting the font URL into an object resulting in something like this:

@font-face{
    font-family:fontello;
    ...
    src:url([object object]) format("svg");
}