相同的字体文件，相同的PC，相同的操作系统，相同的浏览器，相同的代码 - 两个不同的网站上的两个不同的渲染是什么赋予了？

Question

我在雇主的网站上遇到了令人难以置信的webfonts问题。 （截图：http://imgur.com/Pvb5lrl）

我添加了所有字体文件，并且尽我所知，正确编写了代码。但是，该文本在Chrome和Firefox中呈现出令人难以置信的锯齿状和丑陋。奇怪的是，我使用相同的字体文件设置的简单测试，相同的@ font-face代码以及文本本身的相同CSS在同一台机器上的相同浏览器中渲染得很好。知道什么可能导致整个网站上的糟糕渲染？两者的URL都在下面以供参考。

公司网站：http://staging.lmsonline.com/services/email-marketing/

简单测试：http://datafulfill.com/fonttest/demo.html

屏幕截图（Windows 7，Chrome）：http://imgur.com/Pvb5lrl

Answer 1

不确定，你的字体应该是什么样的。在我的最后，它到达了Arial，这与通用的sans-serif几乎完全相同。过去玩弄字体教会我按此顺序解决问题：

@font-face {
font-family:"Delitsch Antiqua";
src:url("/path/to/fonts/DelitschAntiqua.eot");
}
@font-face {
font-family:"Delitsch Antiqua";
src:url("/path/to/fonts/DelitschAntiqua.ttf");
}

先服务IE，然后休息。出于某种原因，它从来没有完全相反。