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

问题描述

我正在尝试在我的网站中使用字体 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 检查是启用。

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

标签: htmlcss

解决方案


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

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

请参阅:如何在 CSS 文件中导入 Google Web 字体?关于如何从谷歌导入字体。


推荐阅读