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

Question

我正在一个需要嵌入字体的网站上工作。

一切看起来不错，除非我从我的机器上删除本地Prelo字体（备份它们），字体将停止在浏览器中工作。这是因为在我的代码中存在错误，我修复了它，它再次运行。

（所以这个问题是...有一个变通为“禁用”本地字体或告诉浏览器没有在本地找比需要的系统字体其他字体？）

有没有一种方法除了在本地删除字体以在浏览器中测试？看起来Chrome和FF默认为我的系统字体，如果他们找不到嵌入的字体。

在此先感谢！

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

Answer 2

类型奇迹将让你在一个URL类型并选择Web字体。然后它会向你展示你的页面在新字体下的样子。很漂亮。

http://typewonder.com