Html 相同的字体文件、相同的电脑、相同的操作系统、相同的浏览器、相同的代码——在两个不同的站点上有两个不同的渲染结果。有什么好处？

我在我雇主的网站上遇到了一个令人难以置信的令人沮丧的问题。（此处截图：）

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

公司网站：

简单测试：

---

屏幕截图（Windows7，Chrome）：

不确定您的字体应该是什么样子。在我的结尾，它有点像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");
}

---

先发球，然后发球。由于某种原因，它从来没有像现在这样起作用。

这可能与字体的重量有关吗？（在演示中是300，而在原始站点中是400）很好，但没有。我只是尝试将其更改为300，但仍然没有运气。