强制浏览器使用 woff 字体文件

Question

我定义了以下 @font-face 规则：

@font-face {
    font-family: "MyFont";
    src: url(MyFont.eot);
    src: url(MyFont.eot#iefix) format('embedded-opentype'),
         url(MyFont.ttf) format('truetype'),
         url(MyFont.woff) format('woff');
}

由于 woff 字体文件中存在一些错误，我已经修复了它，我现在需要测试字体是否正确。

问题是 Google Chrome 默认使用 ttf 并且我无法在运行时修改 @font-face - 我也无法修改 CSS 在服务器上，因为管道复杂。

我们能否以某种方式强制浏览器使用特定的字体文件类型？

Answer 1

如果你只是想测试woff文件现在是否正常工作，你可以：

试试 Firefox，我相信他们优先考虑 WOFF，或者
暂时更改您的 @font-face 代码，使 Google Chrome 只有 WOFF 作为选项：

font-family: "MyFont";
src: url(MyFont.woff) format('woff');

强制浏览器使用 woff 字体文件

Force browser to use woff font file

css

fonts

font-face

woff