html - 在 OSX 和 Windows 之间标准化字体粗细

Question

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

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

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

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

Answer 1

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

需要记住的几件事是只使用您包含的权重，例如，font-weight: bold如果您实际上没有包含该字体的粗体版本，则不要在自定义字体上使用。与实际的粗体字体相比，“浏览器粗体”总是看起来一团糟。

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

-webkit-font-smoothing: antialiased;