Chrome同学最近特爱折腾页面渲染,以至于无视点阵字体的存在搞它那套反锯齿方案。甚至让不完善的渲染引擎进入dev分支(16.0.891.0),大大伤害了广大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的反锯齿效果挺不错):
当然这个方案还是有缺陷的,除了眼神会变歪(可以加负号调整)以外,水平/垂直线也会产生重影。所以希望这个bug早日解决,继续尝鲜的读者可以到Issue96769与98155两个页面打上星星(即“投票”/“顶”),让Chrome团队意识到bug的严重程度。
网友评论