css - Georgia 字体在 Windows 上无法正确呈现

Question

在网站上使用 Georgia 进行正文复制，我们注意到文本在 Mac 和 Windows 上的呈现方式存在重大差异。

当使用较小的字体大小时，问题似乎出在 Windows 上，因为浏览器呈现的文本(在 Chrome、Safari、Firefox 中测试)看起来与安装的字体非常不同。

在 36px 处，浏览器呈现的文本(顶部)与直接输入到 PhotoShop 中的文本(底部)相匹配:

在 12px 时，浏览器呈现的文本非常不同(字符看起来被拉长了):

谁能解释一下为什么会这样？我们需要确保跨浏览器/平台的类型呈现一致。

更新

值得注意的是，如果我直接导​​入系统字体(使用@font-face)，字体会正确呈现。

Answer 1

如果要确保使用图像进行一致的渲染，则根本没有跨系统的一致字体渲染。 Windows 的字体渲染器与 Mac OSX 中的字体渲染器有很大不同。这是一篇关于该主题的详尽文章:Link