@ font-face字体渲染在Windows上不太顺利

Question

我最近一直在使用@ font-face并开始在我的vbox上进行测试。结果是字体没有很好地呈现。我研究了Firefox，我一直看到的是关闭硬件加速。我们不能指望每个用户都这样做。 Chrome也是这样做的。试过Anti-aliasing财产但没有运气。您可以在下面看到结果的图片：

[Win] FireFox，Chrome [Mac] Chrome，FireFox

正如你所看到的那样，左边的两个渲染非常糟糕，而右边的两个很棒。他们正在使用这个：

@font-face{
  font-family: "gBok";
  font-weight: bold;
  font-style: normal;
  src: url(/font/gotham-bold.ttf) format("truetype");
}
@font-face{
  font-family: "gBok";
  font-weight: normal;
  font-style: normal;
  src: url(/font/gotham-book.ttf) format("truetype");
}
label {
font-family: "gBok", Helvetica, serif;
font-weight: bold;
}

我有什么问题吗？有什么建议？非常感谢你的时间。

Answer 1

这确实是一个众所周知的真实和痛苦！我通常删除粗体字体，让操作系统生成它自己的粗体版本。它有时会提供更好的结果，但并不完美。值得一试但是......

Answer 2

这是Chrome的一个已知错误 - 它们在Windows上的字体渲染非常粗糙。不要使用抗锯齿的东西，当他们最终修复它时，会让它看起来更糟！ https://code.google.com/p/chromium/issues/detail?id=137692