css – @ font-face在windows和mac上反锯齿

我使用 http://www.fontsquirrel.com/创建一个@ font-face工具包。
它工作正常,但在Windows上的结果不同于mac上的结果。
在Windows上,字体似乎有一个错误的抗锯齿:
这是在Mac的FF,Chrome或Safari(所有更新到最后的版本)的结果。
这是在Windows上使用FF或Chrome的结果。

正如你所看到的,结果是不一样的。在Windows上,字体更粗更粗糙。
我如何解决这个问题?

解决方法

这只是看起来像正常丑陋的方式字体在WinXP中呈现。一些(IMO:误导)的人更喜欢它。

要获得桌面字体的抗锯齿一般在XP上,你必须打开它,从显示属性 – >外观 – >效果 – >使用以下方法平滑屏幕字体的边缘 – > ClearType。认设置“标准”是老式的Windows“字体污迹”技术,只打算在较大的字体大小打开,然后经常造成混乱。

认情况下,IE7有一个选项 – 始终使用ClearType反锯齿在Web浏览器中渲染字体。其他Web浏览器将尊重用户配置的字体呈现方法。这是一个耻辱,这么多人仍然有这个有益的设置关闭,但它不是真的你的问题。

(有令人讨厌的黑客,使Chrome对文本执行一些抗锯齿,这是:

text-shadow: 0px 0px 1px rgba(0,0);

但我真的不会推荐它。)

当“使用以下方法…”设置设置为“标准”时,可以做一件事,试图使字体获得某种形式的反走样,是检查有问题的字体没有GASP表告诉老式TrueType渲染器禁用特定字体大小的反锯齿。您可以更改GASP表using a font editor或使用ttfgasp.exe命令行工具。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效