Georgia 字体在 Windows 上无法正确呈现答案

【问题标题】：Georgia font does not render correctly on WindowsGeorgia 字体在 Windows 上无法正确呈现
【发布时间】：2012-02-09 02:59:27
【问题描述】：

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

如果使用较小的字体大小，Windows 会出现问题，因为浏览器呈现的文本（在 Chrome、Safari、Firefox 中测试）看起来与安装的字体非常不同。

在 36 像素处，浏览器呈现的文本（顶部）与直接输入 PhotoShop 的文本（底部）相匹配：

在 12px 处，浏览器呈现的文本非常不同（字符看起来被拉长了）：

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

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

【问题讨论】：

标签： css fonts

【解决方案1】：

如果您想确保一致的渲染使用图像，则根本没有跨系统的一致字体渲染。 Windows 的字体渲染器与 Mac OSX 中的字体渲染非常不同。这是一篇关于该主题的详细文章：Link

【讨论】：

我无法投票，而“使用图片”是此答案的一部分。
如果你这么说，请启发我并告诉我另一种跨系统字体呈现一致的方法。我个人不关心这个话题。因此，Mac 上的字体看起来与 Windows 机器上的不同。如果我开始怀疑这些小差异，我就辞掉了工作。
Ben 在他的问题中指出，当通过 \@font-face 包含面部时，面部可以正确呈现使用图像作为文本具有比像素完美字体更重要的可用性和 SEO 影响，IMO。跨度>
安德鲁，我完全同意。我不在乎像素完美渲染。我刚才说的情况是，我认为没有图像是不可能的，因为字体渲染的差异太大了。

【解决方案2】：

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

那你为什么不直接导入系统字体呢？

另一方面，我和弗洛里安在一起。差异很小，我不会真正关心它。

【讨论】：