Chrome Dev版浏览器字体撕裂解决方法

2011-09-30 09:07:06来源:作者:

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

Chrome 同学最近特爱折腾页面渲染,以至于无视点阵字体的存在搞它那套反锯齿方案。甚至让不完善的渲染引擎进入dev分支,大大伤害了广大Windows用户,尤其是点阵字体泛滥的东亚地区人民的感情。目前网友讨论中首推的解决方案是强制微软雅黑字体(*{font-family:"Microsoft Yahei"!important;})。可是通配符一用上,连英文网页都要忍受雅黑体的凌乱,伤不起呀!

其实Windows内置的UI字体大多同时提供了矢量字型。有很多方法来看到这套矢量版:放大、缩小,还有——旋转!

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

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

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

实测效果(网易邮箱,其实Chrome的反锯齿效果挺不错):

最新Chrome Dev版字体撕裂解决方法

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

关键词:Chrome字体撕裂

赞助商链接: