Font Awesome error: downloadable font: rejected by sanitizer

Question

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

我总是遇到上述错误。我尝试了很多在互联网上找到的东西。（在自己的服务器上托管字体）

CORS 问题
MIME-type header 在网络服务器中配置

HTTP headers 和 MIME-types 的其他组合可以解决问题但没有解决问题。

Answer 1

从该块中删除 ?v=4.6.3 和剩余的尾部 (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;

更新为：

@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;
}

Answer 2

抓到！！通过替换

解决

font-family: 'fontawesome-webfont';

而不是

font-family: 'FontAwesome';

我为我工作。

Answer 3

如果您遇到错误 fontawesome-webfont.woff2?v=4.6.3 not found 但您肯定知道您拥有该文件，以下是在 IIS 中修复它的方法：

您需要在 woff2 的配置文件中添加 mime 类型。

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

Answer 4

在我的例子中，我遇到了 SVG 加载器（vue-svg-loader 或 nuxt-svg-loader）的问题，最终将字体 URL 转换为一个对象，结果如下：

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

Font Awesome error: downloadable font: rejected by sanitizer

Font Awesome error: downloadable font: rejected by sanitizer

html

css

firefox

fonts

font-awesome