“拒绝应用样式，因为它的 MIME 类型“('font/woff2')”不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查”答案

【问题标题】："Refused to apply style from because its MIME type "('font/woff2')" is not a supported stylesheet MIME type, and strict MIME checking is enabled"“拒绝应用样式，因为它的 MIME 类型“('font/woff2')”不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查”
【发布时间】：2021-06-05 00:27:11
【问题描述】：

我正在尝试在我的网站中使用 Product Sans 字体，以及何时使用

@import url(https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2);

它在控制台中记录这个错误：

拒绝应用样式来自 'https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2' 因为它的 MIME 类型 ('font/woff2') 不是受支持的样式表 MIME 类型，并启用严格的 MIME 检查。

但是，字体实际上仍然应用于所有文本，那么问题是什么？

【问题讨论】：

嗨，你成功了吗？

标签： html css

【解决方案1】：

问题是https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2 是一种字体，而您正试图将其导入为 CSS 文件。

或者，改写... @import 导入样式表和 https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2 不是样式表。

请参阅：How to import Google Web Font in CSS file?，了解如何从 google 导入字体。

【讨论】：

当我使用@font-face 时，字体不适用！ @font-face { font-family: "Product Sans"; src: url(https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2); }