Chrome字体BUG的另一种解决办法
chrome吧
全部回复
仅看楼主
level 1
chenoluo 楼主

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的反锯齿效果挺不错):
2011年09月30日 03点09分 1
level 11
试试看
2011年09月30日 09点09分 2
level 7
[害羞]
2011年09月30日 10点09分 3
level 12
[打酱油]
2011年09月30日 11点09分 4
level 8
[打酱油]
2011年09月30日 13点09分 5
1