css - Firefox 不呈现 Open Sans、sans-serif、字体大小 : 11 properly

Question

这是字体在 chrome 中的样子:

这是火狐浏览器:

注意到 firefox 中字母之间奇怪的间距了吗？不过在 chrome 中没问题。

我观察到的一些事情:

• 更改字体大小可以解决问题
• 更改字体粗细可以解决问题

如何通过更改源代码(而不是通过更改操作系统设置或 firefox 浏览器设置)使 firefox 正确呈现字体？

Answer 1

如果您是唯一遇到此问题的人:

• > http://www.thewindowsclub.com/disable-font-smoothing-windows

如果这实际上与浏览器有关，您可能需要检查一下字体平滑 的神奇世界。 (这并不神奇，而是一场噩梦，但我们会解决的)。

所以我已经阅读了本主题中的所有选项，看起来您的 CSS 应该包含以下规则: Webfont Smoothing and Antialiasing in Firefox and Opera

.font-smoothing {
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

你能告诉我这是否有效吗？我现在也很感兴趣。