css - 如何在我的网页上测试网页嵌入字体？

Question

我正在开发一个需要嵌入字体的网站。

一切看起来都很棒，除非我从我的机器中删除本地 Prelo 字体（备份它们），字体在浏览器中停止工作。当然，这是因为我的代码中有一个错误，我修复了它，它又可以工作了。

（所以问题是......是否有“禁用”本地字体或告诉浏览器不要在本地查找所需系统字体以外的字体的解决方法？）

除了在本地删除字体以在浏览器中测试之外，还有其他方法吗？如果 Chrome 和 FF 找不到嵌入的字体，它们似乎默认为我的系统字体。

提前致谢！

score 2 · Accepted Answer

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

IE：

改变：

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

div {
    font-family: System;
}

至

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

div {
    font-family: WebTest;
}

score 1 · Accepted Answer

Type Wonder 可让您输入 URL 并选择网络字体。然后它会向您展示您的页面使用新字体后的样子。很光滑。

2 回答 2