Html 字体渲染不平滑

我正在开发一个使用自托管字体的网站。在不同的浏览器和计算机上测试时，我注意到字体在任何网站上都显示不好。我注意到在我的电脑上，字体在Chrome上显示得很好，但在其他电脑上，字体显示得很粗糙

以下是我的字体声明：

 @font-face {
    font-family: "Bitter";
    src: url('http://predict.lyon-forums.com/style/fonts/Bitter_Regular.otf'),
            url('http://predict.lyon-forums.com/style/fonts/Bitter_Regular.ttf');
}

@font-face {
    font-family: "Oswald";
    src: url('http://predict.lyon-forums.com/style/fonts/Oswald_Regular.otf');
}

@font-face {
    font-family: "Oswald Bold";
    src: url('http://predict.lyon-forums.com/style/fonts/Oswald_Bold.otf');
}

该网站（仍然是主页）如下：

这就是网站（注意顶部菜单）的外观（在我的电脑上的Chrome上显示）：

在其他运行Chrome的计算机上，问题仍然存在。这是Opera网站的外观：

这种字体被称为“Bitter”，这个问题在Firefox中依然存在

我将感谢任何帮助：）

---

编辑：在另一个堆栈溢出问题上，我发现有人写过，如果字体已经存在，可以从PC上渲染，但是我从我的计算机上删除了它们。

这是因为每个浏览器都有自己的字体渲染引擎，它们都是不同的，可以在以后的版本中更改，或者在不同的操作系统中更改

尝试在css中使用：

-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;

---

如果是Chrome，您可以使用，但它可能会在其他浏览器中引起问题。

我的眼镜一定过时了。这些图像不同吗？“我从电脑上删除了它们。”——什么？为什么不重命名CSS中的字体？@CaseyFalk，是的-它们是。试着打开它们！而且，我也很疯狂。我想百分之百肯定！如果你这样说。。。只要习惯它，字体在不同的浏览器和不同的系统中呈现不同。这是一个不幸的事实（开发人员必须经常尝试与愤怒的设计师沟通）。谢谢，但没有帮助：/我们没有太多的事情要做。每个浏览器和操作系统都以自己的方式呈现：/别担心。谢谢你，我真的很感激！