PC 上的@font-face 别名问题答案

【问题标题】：@font-face alias issues on PCPC 上的@font-face 别名问题
【发布时间】：2010-11-06 05:58:32
【问题描述】：

刚开始使用这种技术，在 PC 端出现了奇怪的结果。实际上，我在 PC 上预览此站点的每个浏览器都使字体看起来很马马虎虎。示例：

在 Mac 上：

http://dropbox.smallparade.com/howto-mac.png

在 PC 上：

http://dropbox.smallparade.com/howto-pc.png

有没有人遇到过这个问题？有解决办法吗？它与字体的创建方式有什么关系吗？感谢我能得到的任何帮助。我在 fontsquirrel.com 上使用了font-face generator。

【问题讨论】：

【解决方案1】：

那是Hinting problem。

当您生成字体工具包时（如在 FontSquirrel 中），您需要在 Expert 选项上指定 Hinting。

选择专家，然后在渲染下选择：

应用提示 - 改进 Win 渲染。

【讨论】：

【解决方案2】：

例如，您可能可以以 px 为单位指定字体大小

font-size:11px/11px;

这可能会对您有所帮助，因为我遇到了同样的问题，我只是这样解决了它

【讨论】：

【解决方案3】：

我也遇到了同样的问题，就像 Rinkalkumar 一样，我建议指定字体大小。

但我还发现，某些尺寸的某些字体只会显得丑陋。所以你可能想尝试调整大小几个 px +- 只是为了检查这是问题所在。

字体支持还不完善，所以如果这被证明是一个问题，你可能想试试http://cufon.shoqolate.com/generate/ - 它涉及javascript 但事实证明，当您希望字体在浏览器/平台上一致呈现时效果很好。

【讨论】：

【解决方案4】：

ttfautohint 将为您重建字体的提示。

【讨论】：