如何在网页上测试嵌入式字体？

Question

4

我正在开发一个需要嵌入字体的网站。一切看起来都很好，但是，如果我从我的电脑中删除了本地的Prelo字体（备份了它们），那么浏览器中的字体将停止工作。当然，这是因为我的代码中存在错误，我会修复它并使其再次工作。

所以问题是...是否有一种方法可以“禁用”本地字体或告诉浏览器不要在本地查找除所需系统字体之外的字体？除了从本地删除字体以在浏览器中测试之外，还有其他方法吗？如果无法找到嵌入的字体，Chrome和Firefox似乎会默认使用系统字体。

提前感谢！

- nthChild

2个回答

1

Type Wonder可以让您输入URL并选择网络字体。然后它会展示您的页面使用新字体所呈现的效果。非常流畅。

- nomad

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- David Houde · Accepted Answer

只需将您想要测试的字体重命名，确保它不是本地已有的名称。

例如：

更改：

@font-face {
    font-family: System;
     font-style:  normal;
    src: url(system.eot);
}

div {
    font-family: System;
}

to

@font-face {
    font-family: WebTest;
    font-style:  normal;
    src: url(system.eot);
}

div {
    font-family: WebTest;
}