时间戳

首页 > 解决方案 > @font-face 声明不遵循 fontspring 防弹语法错误

html - @font-face 声明不遵循 fontspring 防弹语法错误

问题描述

我一直在尝试使用字体规则更改我的字体，但它不起作用。它每次都显示“@font-face 声明不遵循 fontspring 防弹语法”。我浏览了网络，但没有找到任何正确的解决方案？这是我的代码：

@font-face {
  font-family: "MyFont";
  src: url(fonts/Benne-Regular.ttf) format("truetype");
}
h1 {
  font-family: "MyFont";
}

我应该怎么办？

标签： htmlcssfont-face

解决方案

我不知道除了 CSS Lint 是否有任何其他 linter 对此进行检查，但这是对?#iefix用于解决旧 Internet Explorer 错误并解析字体 URL 的字符串的引用，Fontspring 将其称为防弹@font-face语法。

如果你不支持旧版本的 IE，你可以放心地忽略这个警告，我强烈建议你禁用 CSS Lint 并改用 stylelint 之类的东西。CSS Lint 多年未更新，防弹语法是其时代的产物，因此今天不再需要。

如果您支持旧 IE，或者无法禁用 CSS Lint 并希望消除此警告：

@font-face {
font-family: "MyFont";
src: url("fonts/Benne-Regular.ttf?#iefix") format("truetype");
}
h1 {
font-family: "MyFont";
}

推荐阅读