Firefox上的字体看起来很模糊

Question

对于chrome和opera来说还不错。但它在Internet Explorer和Firefox上看起来很模糊。我研究并应用这些css，但仍然没有运气。我的firefox和Internet Explorer版本是最新的。我没有使用谷歌字体。这是我的风格。

@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gothambold/Gotham-Bold.eot');
  src: url('../fonts/Gothambold/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gothambold/Gotham-Bold.woff') format('woff'), url('../fonts/Gothambold/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gothambold/Gotham-Bold.svg#') format('svg');
}

body{
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;

font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}

在Firefox中查看。

以Chrome格式查看 仍然没有运气。有什么想法吗？

Answer 1

此问题在this thread中提出了一段时间（并已修复）。

总结一下......

原因：

这个firefox问题出现在Mac上，其中包含以下选项：＆＃34;可用时使用LCD字体平滑＆＃34; （设置＆gt;常规＆gt;可用时使用LCD字体平滑）选中。 （默认选中）。

注意：根据经验，此问题不会发生在Mac的实际视网膜屏幕上 - 而是发生在连接到Mac的非视网膜屏幕上

取消选中该选项并重新启动Firefox，您会看到字体看起来很好！

修复：

要为启用了上述选项的用户克服此问题，只需在正文中添加以下声明：

-moz-osx-font-smoothing: grayscale;

你会感到惊喜。

Answer 2

在Firefox中显示模糊或像素化的文本可能是由于使用Windows无法打开ClearType引起的。启用它：

1. 在Windows搜索栏中，搜索“调整ClearType文本”
2. 选中“打开ClearType”框，然后单击“下一步”
3. 按照提示调整ClearType设置，然后单击“完成”。

我遇到了同样的问题，这对我有用。 Source。