首页 > IT业界 > 正文

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

2011-09-30 09:45
原创

  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早日解决,继续尝鲜的读者可以到Issue96769与98155两个页面打上星星(即“投票”/“顶”),让Chrome团队意识到bug的严重程度。

举报
关注公众号“多特资源号”
内容来源于网络,不代表本站观点,侵删
热搜资讯