Windows 中的抗锯齿字体嵌入文本?
使用字体嵌入时,有什么方法可以使字体在 Windows 中呈现为抗锯齿吗?
与 Windows 相比,http://code.google.com/webfonts 在 Ubuntu/Mac 上看起来要好得多7(尝试过 Chrome/Firefox)
Is there any way to make the fonts render as anti aliased in Windows, when using font-face embedding?
http://code.google.com/webfonts looks much better on Ubuntu/Mac, as compared to Windows 7 (tried chrome/firefox)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(6)
我刚刚为这个老问题找到了一个很好的解决方案。如果您在 woff 之前提供字体的 svg 格式,Windows 上的 Chrome 将会消除锯齿并正确渲染您的字体。
我在此处的演示页面上使用了此技术。您可以看到标题和图标字体都很平滑并且正确消除锯齿。
I just found a great solution for this old problem. If you serve the svg format of your font before woff, Chrome on windows will anti-alias and render your font properly.
I'm using this technique on my demo page here. You can see the headers and the icon fonts are all smooth and properly anti-aliased.
遗憾的是,上述打开 ClearType 的建议是不正确的。 Cleartype 使嵌入字体呈锯齿状 - 关闭 clertype 可使它们变得平滑。我不知道为什么会这样,但这确实令人沮丧。
above recommendations to turn on cleartype are sadly incorrect. Cleartype makes embedded fonts jagged – turning clertype OFF makes them smooth. i don't know why this is, but it sure is frustrating.
这应该会强制 Windows 上的 Chrome 进行反别名:
我不知道 Firefox 有任何解决方案。
This should force Chrome on Windows to anti-alias:
I'm not aware of any solution for Firefox.
确保您已打开清晰类型。这就是 Windows 的抗锯齿功能。
Ensure you've got clear-type turned on. Thats-anti aliasing for your windows.
看起来任何版本的 Windows 中都没有针对嵌入字体的抗锯齿功能。
Looks like there's no Anti-aliasing present for embedded fonts in any version of Windows yet.
你试过css3字体平滑吗
have you tried the css3 font smoothing