Google Chrome 中的字体平滑答案

【问题标题】：Font smoothing in Google ChromeGoogle Chrome 中的字体平滑
【发布时间】：2012-04-25 08:04:29
【问题描述】：

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

现在，问题在于 Windows 7 上 Google Chrome 中字体的抗锯齿（在 OS X 上看起来不错）。我拍了两张照片，在第一张照片上你可以看到想要的行为，就像在 Firefox/Windows 7 和所有其他浏览器上看到的那样，除了谷歌浏览器，这是第二张照片。是字体本身的问题吗？还是因为系统设置？是否在 CSS 设置中？

Firefox 12 Windows 7

谷歌浏览器 18 Windows 7

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

【问题讨论】：

每个浏览器的平滑度都不一样！而且，我担心 CSS 不会修复它，字体格式也不会。一般来说，这是浏览器的错误（一些添加到操作系统平滑，一些自己制作，一些 - 这个和那个的混合）或者我想说 - 标准错误，没有用于平滑的地方，特别是对于网络目的. CSS3 转换也存在同样的问题（现在可能已经修复），但每个浏览器的抗锯齿效果不同。

标签： css google-chrome fonts antialiasing smoothing

【解决方案1】：

使用CUFON而不是@font-face，根据windows中的渲染字体，这是一个更好的选择，因为CUFON将字体放在画布中并且在windows中看起来很平滑。

【讨论】：

这是一种解决方案。感谢您的回答，如果有人在没有额外 JavaScript 的情况下无法提供解决方案，我会等待，然后我会尝试您的。

【解决方案2】：

使用 text-shadow 会有所帮助，尝试添加 4-6 像素模糊的阴影。玩弄它，您可能会找到“最佳位置”。某些字体大小似乎也比其他字体更成问题，尝试将其放大或缩小一两个像素，看看是否有帮助。我现在正在与谷歌合作这个特别的风车，希望我能引起别人的注意。在此图中，顶部示例是 IE9，底部示例是 Google Chrome（均为 Windows 7）。 https://twitter.com/#!/tacomamama/status/197397136470589440/photo/1

【讨论】：

感谢您的提示。它确实改善了字体的外观。