html - “拒绝应用样式,因为它的 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 检查是启用。
但是,字体实际上仍然应用于所有文本,那么有什么问题呢?
解决方案
问题是它https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2
是一种字体,而您正试图将其导入为 CSS 文件。
或者,改写...
@import
导入样式表而
https://fonts.gstatic.com/s/productsans/v12/pxidypQkot1TnFhsFMOfGShVEueIaEx8qw.woff2
不是样式表。
请参阅:如何在 CSS 文件中导入 Google Web 字体?关于如何从谷歌导入字体。
推荐阅读
- regex - Nginx 正则表达式示例获取两个逗号之间的值
- memory-management - 如何调试/查找 cma 分配失败原因?
- excel - 在 Select Case 语句中使用值列表
- node.js - 如何使用node js实时更改内容?
- .net - 如何使用 Selenium Winium 在 WPF 中检查/查找元素以进行自动化测试
- django - Django DRF 将配置文件模型创建限制为经过身份验证的用户
- swift - Key-Value-Observing 闭包从不调用布尔属性
- javascript - 使用 document.getElementsByTagName 选择并更新列表中的选项
- node.js - 发生错误时 npm install 停止
- java - java:双==和双等于