我定义了以下@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。

我们可以强制浏览器使用特定字体文件类型吗?

最佳答案

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


试试Firefox,我相信他们会优先考虑WOFF,或者
暂时更改您的@font-face代码,以便Google Chrome仅将WOFF作为选项:




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

关于css - 强制浏览器使用woff字体文件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34354043/

10-11 23:23