html - 相同的字体文件、相同的 PC、相同的操作系统、相同的浏览器、相同的代码——两个不同站点上的两种不同渲染结果。是什么赋予了？

Question

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

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

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

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

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

Answer 1

不确定，你的字体应该是什么样子。在我的结尾，它有点像 Arial，无论如何它与通用的无衬线字体几乎相同。过去玩弄字体教会我按以下顺序解决问题：

@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，然后是其余的。出于某种原因，它从来没有完全相反。