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

【问题标题】：@font-face font rendering doesn't go very well on windows@font-face 字体渲染在 Windows 上不太顺利
【发布时间】：2013-01-24 04:42:14
【问题描述】：

我最近一直在使用@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;
}

我做错了什么吗？有什么建议吗？非常感谢您的宝贵时间。

【问题讨论】：

标签： css google-chrome firefox font-face truetype

【解决方案1】：

这确实是一个已知问题和一个真正的痛苦！我通常删除粗体的字体，让操作系统生成它自己的粗体版本。它有时会产生更好的结果，尽管并不完美。不过值得一试...

【讨论】：

谢谢！是的，这是一种痛苦。但我接受了你的建议，让操作系统增加了重量，哇，真是一个进步。希望他们能解决这个问题！感谢您的宝贵时间！

【解决方案2】：

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

【讨论】：

谢谢！我删除了抗锯齿的东西。希望他们能解决这个问题。这是一个很棒的功能。
它一直在错误跟踪器上，所以他们肯定知道。使用 OSX 或 Linux 的 Web 开发人员的数量更是雪上加霜——很难意识到存在问题。很长一段时间以来，我只是把它归结为“Windows”，因为字体渲染通常/通常非常粗糙。我想知道有多少使用 font-face 的人真正意识到它在 Win/Chrome 中看起来很糟糕。
这是真的，我的老板告诉了我这件事，我启动了我的 VB 并心想 OMG！这看起来像废话！我想这部分是我的错，有点希望如果出现任何问题，Q&A 会抓住它，但这次不会。但是，嘿，很高兴知道它正在开发中。
我应该知道，不要仅仅依靠 Mac 版的 FF 和 Chrome 来获得视觉指导。（菜鸟搬家）