标准化OSX和Windows之间的字体权重

Question

我读过OSX和Windows有两种截然不同的渲染字体算法。因此，在OSX中查看Web字体时看起来比在Windows中看起来“更重”的常见问题。

例如，这是相同的字体，在同一个站点上，在同一个浏览器中，但在不同的操作系统上：

这里的Arial表现出类似的差异：

有没有办法在Windows或OSX中改变字体的渲染，使它们看起来更接近？还是有其他技术来处理这种差异？

Answer 1

这个字体是一个特别糟糕的例子，我处理了很多字体，从未见过这样的字体。请记住，人们习惯于在他们自己的机器上看到他们的字体以某种方式呈现，因此 你的工作决定了字体的呈现方式。

要记住的一些事项是仅使用您已包含的权重，例如，如果您实际上未包含该字体的粗体版本，请不要在自定义字体上使用font-weight: bold 。与实际的粗体字体相比，“浏览器粗体”总是看起来混乱。

另外，对于某些字体，我发现我需要更改webkit浏览器的字体平滑属性，因为默认（子像素别名）可能看起来有点沉重。您可以将此属性添加到使用有问题字体的任何元素（如果需要，甚至是正文）。

-webkit-font-smoothing: antialiased;