Chrome 页面转一转，不用点阵字型看你怎么撕裂

Chrome 同学最近特爱折腾页面渲染，以至于无视点阵字体的存在搞它那套反锯齿方案。甚至让不完善的渲染引擎进入 dev 分支，大大伤害了广大 Windows 用户，尤其是点阵字体泛滥的东亚地区人民的感情。

目前网友讨论中首推的解决方案是强制微软雅黑字体（*{font-family:"Microsoft Yahei"!important;}）。可是通配符一用上，连英文网页都要忍受雅黑体的凌乱，伤不起呀！

其实 M$ Windows 内置的 UI 字体大多同时提供了矢量字型。有很多方法来看到这套矢量版：放大、缩小，还有——旋转！（感谢 zjcqoo 的作品提醒了小编！）

打开 %UserProfile%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css 文件，加入下面这行样式：

body{-webkit-transform: rotate(0.03deg);}

让整个网页旋转 0.03°（或更多），宋体（及其他 fallback 字体）就会以矢量形式显示，汉字笔画就不会被 Chrome 当作锯齿给灭掉了！

实测效果（网易邮箱，其实 Chrome 的反锯齿效果挺不错）：

当然这个方案还是有缺陷的，除了眼神会变歪（可以加负号调整）以外，水平/垂直线也会产生重影。所以希望这个 bug 早日解决，以便继续尝鲜的读者可以到 Issue 96769 与 98155 两个页面打上星星（即“投票”/“顶”），让 Chrome 团队意识到 bug 的严重程度。

© xslidian 发表于 谷奥——探寻谷歌的奥秘 ( http://www.guao.hk ), 2011. | 2 条评论 | 永久链接 | 关于谷奥 | 投稿/爆料
Post tags: Chrome