• Font
  • Family
  • Foundry
  • Designer
  • Sample
  • Article
  • Help
Fontke.com>Article>Details

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

Date:2011-09-30 08:34:03| Industry|Browse: 256|Source: cnBeta.COM|Author:
  • Follow FontKe on Wechat to get Zcode
  • Scan the Qrcode to participate in the SVIP lottery
IntroductionChrome 同学最近特爱折腾页面渲染,以至于无视点阵字体的存在搞它那套反锯齿方案。甚至让不完善的渲染引擎进入dev分支,大大伤害

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的反锯齿效果挺不错):

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

0
  • Follow FontKe on Wechat to get Zcode
  • Scan the Qrcode to participate in the SVIP lottery
Relevant font foundry
最新Chrome Dev版字体撕裂解决方法 Comments
Guest Please obey the rules of this website. Unclear?
最新Chrome Dev版字体撕裂解决方法 Latest comments
No relevant comments