Question

可下载的字体：被sanitizer拒绝（font-family：＆＃34; FontAwesome＆＃34; 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行 4

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

CORS问题
Web服务器中的Mime类型标头配置

HTTP标头和Mime的其他组合类型可以解决问题，但没有解决它的一切。

Answer 1

解决方案：

删除＆＃34;？v = 4.6.3＆＃34;并保留此块的尾部（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，但您肯定知道您拥有该文件，请按照以下方法在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");
}

字体真棒傻错：可下载的字体：由sanitizer拒绝

4 个答案: