强制浏览器使用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代码，以便Google Chrome仅将WOFF作为选项：

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