Windows中的抗锯齿字体嵌入文本？答案

【问题标题】：Antialias font-face embedded text in Windows?Windows中的抗锯齿字体嵌入文本？
【发布时间】：2011-02-21 18:22:47
【问题描述】：

在使用字体嵌入时，有什么方法可以使字体在 Windows 中呈现为反锯齿？

http://code.google.com/webfonts 在 Ubuntu/Mac 上看起来比在 Windows 7 上好得多（尝试过 chrome/firefox）

【问题讨论】：

【解决方案1】：

确保您已打开清除类型。这就是你的窗口的抗锯齿。

【讨论】：

正如我在上面的实验中提到的（如有必要，我可以提供证据）只有当您关闭 ClearType 时，嵌入的字体（至少是我正在使用的字体）才会显得平滑。我承认，这似乎没有任何意义，但它确实发生了。

【解决方案2】：

在任何版本的 Windows 中似乎都没有针对嵌入式字体的抗锯齿功能。

【讨论】：

【解决方案3】：

遗憾的是，以上关于启用 cleartype 的建议是不正确的。 Cleartype 使嵌入的字体呈锯齿状——关闭 clertype 会使它们变得平滑。我不知道这是为什么，但这确实令人沮丧。

【讨论】：

我刚试过这个，想知道为什么我的嵌入字体在 Win7 上看起来如此糟糕，而在我的 WindowsXP VM（它没有设置 ClearType）上却如此出色。你是绝对正确的，我刚刚关闭了清除类型，当我输入文本时看起来很糟糕，任何地方的字体看起来都非常糟糕。然而，我在所有浏览器中看起来很糟糕的嵌入字体现在突然看起来很流畅......我想深入了解这一点 - 如果可能的话，想办法解决它。我不能指望我所有的 Windows 用户都关闭清晰类型以使我的字体看起来更流畅。这是一个非常疯狂的结果。

【解决方案4】：

你试过css3字体平滑

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit

【讨论】：

【解决方案5】：

这应该会强制 Windows 上的 Chrome 消除锯齿：

-webkit-transform: rotate(-0.05deg);

我不知道 Firefox 有任何解决方案。

【讨论】：

【解决方案6】：

我刚刚为这个老问题找到了一个很好的解决方案。如果您在 woff 之前提供字体的 svg 格式，Windows 上的 Chrome 将消除锯齿并正确呈现您的字体。

我在我的演示页面here 上使用了这种技术。您可以看到标题和图标字体都平滑且正确抗锯齿。

【讨论】：