如何在我的网页上测试网页嵌入字体?

时间:2012-08-17 16:25:32

标签: css embed webfonts

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

一切看起来都很棒,但是,如果我从我的机器上删除了本地Prelo字体(备份它们),那么字体在浏览器中停止工作。当然,这是因为我的代码中存在错误,我修复它并再次起作用。

(所以问题是......是否有解决方案“禁用”本地字体或告诉浏览器不要在本地寻找除所需系统字体以外的字体?)

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

提前致谢!

2 个答案:

答案 0 :(得分:2)

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

即:

变化:

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

答案 1 :(得分:1)

类型Wonder将允许您输入URL并选择Web字体。然后它会显示您的页面使用新字体的样子。很漂亮。

http://typewonder.com