PC上的@ font-face别名问题

时间:2010-11-06 05:58:32

标签: css font-face antialiasing

刚开始使用这种技术,并且在PC端出现了奇怪的结果。事实上,我在PC上预览这个网站的每一个浏览器都使得字体看起来很整洁。例如:

在Mac上:

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

在电脑上:

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

任何人都有此问题的经验吗?有解决方案吗?它与字体的创建方式有什么关系吗?感谢我能得到的任何帮助。我在fontsquirrel.com使用了font-face generator

4 个答案:

答案 0 :(得分:5)

那是Hinting problem

生成font-face工具包时(如FontSquirrel),您需要在Expert选项上指定Hinting。

选择“专家”,然后在“渲染”下选择:

应用提示 - 改善Win渲染。

答案 1 :(得分:0)

可能你可以在px中指定font-size,例如

font-size:11px/11px;

这可能对你有所帮助,因为我遇到了同样的问题而且我只是这样解决了它

答案 2 :(得分:0)

我有同样的问题,就像Rinkalkumar我建议指定字体大小。

但我也发现某些尺寸的某些字体只会让人觉得难看。 所以你可能想尝试调整一些px +的大小 - 只是为了检查这是问题。

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

答案 3 :(得分:0)

ttfautohint会重建字体的暗示。