Google Chrome中的字体平滑

时间:2012-04-25 08:04:30

标签: css google-chrome fonts antialiasing smoothing

我正在尝试将我的图标变成字体字形。

现在,问题是在Windows 7上谷歌Chrome中的字体抗锯齿(它在OS X上看起来不错)。我拍摄了两张照片,在第一张照片上你可以看到所需的行为,如Firefox / Windows 7和所有其他浏览器所示,除了Google Chrome,这是第二张照片。这是字体本身的问题吗?还是因为系统设置?它是在CSS设置中吗?

Firefox 12 Windows 7

enter image description here

Google Chrome 18 Windows 7

最有问题的部分用红色突出显示。

enter image description here

2 个答案:

答案 0 :(得分:1)

使用CUFON代替@font-face根据Windows中的呈现字体,这是一个更好的选项,因为CUFON将字体放在画布和放大器中。它看起来很流畅。

答案 1 :(得分:1)

使用文字阴影有点帮助,尝试添加一些阴影,4-6像素的模糊。玩弄它,你可能会发现“甜蜜点”。某些字体大小似乎也比其他字体更有问题,尝试将其放大或缩小一两个像素,看看是否有帮助。我现在正在与谷歌倾斜这个特殊的风车,并希望我能引起别人的注意。在此图片中,顶部示例是IE9,底部示例是Google Chrome(均为Windows 7)。 https://twitter.com/#!/tacomamama/status/197397136470589440/photo/1