Google Chrome 是否存在字体平滑问题，如何解决？

Google Chrome 是否提供字体平滑功能？

Google Chrome 长期以来一直在字体渲染方面遇到困难，特别是对于小字体。虽然问题仍然存在，但已经出现了重大进展和潜在的解决方案来缓解该问题。

状态更新（2013 年 12 月）

截至 2014 年 6 月，Chrome 版本 37将修复字体渲染问题。当前的 Chrome 版本（截至 2013 年 5 月）在通过 @import 或 Google 的 webfont.js 等各种方法加载字体时缺乏适当的解决方案。

使用 CSS 技巧的解决方法

虽然目前还没有明确的修复方法，但 CSS 技巧可以通过“平滑”渲染的字体来部分缓解该问题。一种解决方法是使用 -webkit-text-lines 属性向文本添加细笔划：

-webkit-text-stroke: 0.Xpx;

或者，您可以使用 RGBA 语法来获得更微妙的效果：

-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);

另一种解决方法是对文本应用假阴影：

text-shadow: #fff 0px 1px 1px;

真实解决方案（自托管字体）

对于自托管字体，有一个潜在的解决方案涉及按特定顺序加载网络字体。至于 TTF/OTF 字体文件，它们现在拥有更广泛的浏览器支持，并且可能提供更好的结果。

Google 积极开发

Google Chrome 开发团队正在积极工作关于字体渲染问题。解决时间线的更新可在官方错误报告中找到。

示例比较

正面：

• 左：Firefox 23，右：Chrome 29
• 顶部：Firefox 23，底部：Chrome 29

负：

• Chrome 30
• 铬合金29

使用描边解决方法：

• 第一行：默认
• 第二行：-webkit-text-中风： 0.3px;
• 第三行： -webkit-text-lines: 0.6px;

博客文章参考

有关问题状态的更多详细信息和更新，请参阅博客文章：如何修复 Google Chrome 中丑陋的字体渲染。

以上是Google Chrome 是否存在字体平滑问题，如何解决？的详细内容。更多信息请关注PHP中文网其他相关文章！