0

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

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

4

2 回答 2

1

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

于 2013-01-23T20:42:14.970 回答
0

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

于 2013-01-23T20:26:32.770 回答