Mozilla 和 webkit 之间的字体渲染答案

【问题标题】：Font Rendering between Mozilla and webkitMozilla 和 webkit 之间的字体渲染
【发布时间】：2012-12-05 04:24:54
【问题描述】：

我不确定这是否与最近的 Safari 更新有关，但我开始注意到这一点。每个浏览器呈现字体的方式有很大的不同。

例如，我截取了我在 stackoverflow 上看到的内容... http://twitpic.com/q43eh

我已经通过我的同事机器验证了这是一种趋势。

有没有人注意到这一点或对非黑客解决方案有任何想法？

【问题讨论】：

【解决方案1】：

标准中的任何地方都没有指定字体渲染，因此可能（并且将会）因浏览器和平台而异。

特别是，Windows 上的 Safari 会呈现类似于 OS X 的字体，这对于 Windows 用户来说往往看起来很奇怪，因为 Windows has quite a different take on how to render fonts than OS X。

【讨论】：

感谢您的文章！这个问题对我来说并不那么明显，直到最近的一个项目有一些堆叠的元素并且浏览器之间存在如此大的差异。我一直都知道渲染问题，只是最近似乎更加激烈。链接图像上的容器高度有 30 px 的差异。我已经写了将近 10 年的标记，当这对我来说很明显时，我感到惊讶和拖延。 :)

【解决方案2】：

您肯定会注意到这一点，尤其是在您使用 Expression Web SuperPreview 时。这只是网络的普遍问题，就像人们可以按 Ctrl-+ 并使您的文本变大一样。尽量不要在 CSS 中使用太多绝对坐标，布局引擎会确保它仍然可读

【讨论】：

【解决方案3】：

我于 2010 年 10 月在 OSX 中首次注意到这一点。在 Helvetica Neue 中尤其明显。我怀疑 OSX 更新破坏了字体大小超过 12 像素的字体抗锯齿。我已经发布了一条 Apple 支持消息 here。

【讨论】：