css - 强制浏览器使用 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字体文件中有一些错误，我已经修复了它，我需要测试字体现在是否正确。

问题是谷歌浏览器ttf默认使用，我无法@font-face在运行时修改 - 由于复杂的管道，我也无法修改服务器上的 CSS。

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

Answer 1

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

1. 试试 Firefox，我相信他们会优先考虑 WOFF，或者
2. 暂时更改您的@font-face代码，以便谷歌浏览器只有 WOFF 作为选项：

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