标头中的 Safari 细字体渲染看起来不对，我该如何解决？答案

【问题标题】：Safari thin font rendering in headers looks wrong, how can I fix it?标头中的 Safari 细字体渲染看起来不对，我该如何解决？
【发布时间】：2012-10-21 03:04:06
【问题描述】：

我正在进行网站设计，我正在使用 Google 字体，尤其是“Raleway”字体。这种字体的特点是线条很细，所有浏览器都能很好地渲染它，除了在 Windows 7 Safari 下，它看起来像被渲染成粗体，或者至少看起来很糟糕。

这是 Safari 的问题吗？还是 Google 字体问题？

【问题讨论】：

标签： fonts windows safari

【解决方案1】：

我经常发现相反的问题，在 Safari 中显得苗条和时尚的字体在 Windows 浏览器中显得过于苗条，以至于一些笔画几乎消失了。

这与字体渲染的不同方法有关……Windows 选择将字体限制在像素内，从而产生更清晰的图像但会影响字母的形状，因此它们不一定符合设计师最初的意图看，另一方面，Apple 使用了一种渲染系统，该系统插入半像素，产生有时更柔和/更模糊的外观，但更符合字体设计师的字母形状。

这两个系统都不是完美的，都有他们的粉丝和仇恨者，我可以看到这两个系统的优点，我可以理解导致他们选择两种不同方法的决策过程，所以我不会描述其中任何一个作为“蹩脚”，但在尝试设计在两个系统上看起来相似的东西时确实使字体选择变得困难。

【讨论】：

我知道会出现这种差异，但这似乎是一个特定的 Safari 问题，而不是浏览器之外的特定窗口或平台

【解决方案2】：

恐怕 Safari 中的渲染很糟糕，虽然某些 Google 字体似乎确实存在这个问题，但我使用 @font-face 获得了更好的结果。

【讨论】：

@VictorS 没有通过链接、javascript 或导入加载 GF。
当然，但是字体应用了相同的 CSS 标签，不是吗？