Firefox Mac 和 Firefox Windows 字体渲染差异答案

【问题标题】：Firefox Mac and Firefox Windows font rendering differencesFirefox Mac 和 Firefox Windows 字体渲染差异
【发布时间】：2015-02-26 14:44:57
【问题描述】：

我已经附上了我现在所面临的图像，firefox for windows 和 firefox for mac 之间有很多区别，到目前为止我已经检查了其他浏览器，Mac Firefox、Mac Chrome 和 Windows chrome 正在显示结果相同，但 windows 上的 firefox 字体不同。

我还通过 firebug 检查元素来包含文本属性。

知道为什么 windows 的 firefox 有不同的字体渲染吗？以及如何改进它。这个问题破坏了复杂表单的整体布局。

【问题讨论】：

标签： html css firefox

【解决方案1】：

我听说，Mac 下的 Firefox 使用不同的字体算法。

试试下面的

html, body {
    -moz-osx-font-smoothing: grayscale;
}

【讨论】：

那么它会改变mac字体看起来像windows吗？这不是必需的，因为 mac 上的 chrome、windows 上的 chrome 和 mac 上的 firefox 都是相同的，只有 windows 上的 firefox 不同
@AamirMahmood Mac 屏幕截图显示的文本有点断断续续。我以为那是你的问题。我认为除此之外没有任何区别。但是，我是开发人员，而不是设计师，所以可能只是我。
NP，i.stack.imgur.com/P4dKu.jpg 检查列标题在 2 行中，日期在 Firefox 中与下一列重叠
@AamirMahmood 您可能会在您的 COL 和表格等中添加 font:inherit; 和 font-size:inherit; 或者 max-width。我没有代码可以玩，所以这 - 在我的脑海中 - 是我能做的最好的。
还添加 'webkit-font-smoothing: antialiased': stackoverflow.com/questions/8053389/…

【解决方案2】：

它们是不同操作系统上的不同浏览器。字体渲染的差异是不可避免的，你无能为力。

【讨论】：

【解决方案3】：

我无法解决这个问题，所以我的安全出口使用了Arial 字体。 Verdana 字体大小 9 类似于 10/20，Arial 类似于 18/20，其中第一个数字是 FF Windows，后面的数字是 Chrome Window

【讨论】：