设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 开源资讯 Google 查看内容

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

2011-9-30 13:15| 发布者: joejoe0332| 查看: 1482| 评论: 0|原作者: 谷奥|来自: 谷奥

摘要:   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的严重程度。


酷毙
1

雷人

鲜花

鸡蛋

漂亮

刚表态过的朋友 (1 人)

  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部