资源解释为字体，但使用 NodeJS 以 MIME 类型 font-woff 传输答案

【问题标题】：Resource interpreted as Font but transferred with MIME type font-woff with NodeJS资源解释为字体，但使用 NodeJS 以 MIME 类型 font-woff 传输
【发布时间】：2015-08-22 14:52:45
【问题描述】：

当我运行我的应用程序时，我在 Chrome 中收到 Resource interpreted as Font but transferred with MIME type font-woff 警告。我知道这是一个常见错误，并且有很多关于同一问题的帖子。

我正在使用 NodeJS 和 ExpressJS 来运行我的 Web 应用程序，并且提供的大多数解决方案都适用于 IIS 或 ASP.NET。

我查看了以下链接

警告仅出现在 chrome 浏览器中。

Resource interpreted as Font but transferred with MIME type font-woff: "data:font-woff;base64,d09GRgABAAAAADV4ABMAAAAAVVAAAQAAAAAAAAAAAAAAAAAAAAAAA…0RofyBQ0TTUkwj7OhEtUMmyHSjGSOTuWY2rI32PdNJPiQZL3TSQq4+STRSagAAAAFVQS0vAAA=". jquery.js:1083
(anonymous function) jquery.js:1083
assert jquery.js:895
Sizzle.setDocument jquery.js:1082
(anonymous function) jquery.js:2556
(anonymous function) jquery.js:2611
(anonymous function) jquery.js:34
(anonymous function)

请帮忙。

【问题讨论】：

application/font-woff
@idbehold：我应该在哪里添加这个？我知道问题是由于缺少mime-type。但是对于NodeJs，我不知道应该在哪里添加mime-type？
看起来您正在使用 data-uris 创建它们，所以：那里。 data:application/font-woff;base64,.......
@Mike'Pomax'Kamermans：请添加您的评论作为答案。您的建议似乎对我有用，我会将其标记为答案。谢谢！！！

标签： node.js google-chrome express fonts font-awesome

【解决方案1】：

确保在使用 data-uris 时使用完整的“类型/编码”mime 类型字符串：

data:text/html;base64,.......
data:image/png;base64,.......
data:application/font-woff;base64,.......

在这种情况下，您缺少“应用程序”类型指示。

【讨论】：