如何在我的网页上测试网页嵌入字体？答案

【问题标题】：how do I test web embedded fonts on my webpage?如何在我的网页上测试网页嵌入字体？
【发布时间】：2012-08-14 02:59:14
【问题描述】：

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

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

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

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

提前致谢！

【问题讨论】：

【解决方案1】：

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

即：

改变：

@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;
}

【讨论】：

谢谢，我试试看！
实际上，如果您使用 FontSquirls 网络字体生成器，这可能会发生意外。它使“Fira Sans”变成了“fira_sans”。丑陋，但我的系统不知道:)

【解决方案2】：

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

【讨论】：