Chrome Dev版瀏覽器字體撕裂解決方法

2011-09-30 09:07:06來源:作者:

Chrome 同學(xué)最近特愛折騰頁面渲染,以至于無視點(diǎn)陣字體的存在搞它那套反鋸齒方案。甚至讓不完善的渲染引擎進(jìn)入dev分支,大大傷害了廣大Windows用戶,尤其是點(diǎn)陣字體泛濫的東亞地區(qū)人民的感情。目前網(wǎng)友討論中首推的

Chrome 同學(xué)最近特愛折騰頁面渲染,以至于無視點(diǎn)陣字體的存在搞它那套反鋸齒方案。甚至讓不完善的渲染引擎進(jìn)入dev分支,大大傷害了廣大Windows用戶,尤其是點(diǎn)陣字體泛濫的東亞地區(qū)人民的感情。目前網(wǎng)友討論中首推的解決方案是強(qiáng)制微軟雅黑字體(*{font-family:"Microsoft Yahei"!important;})?墒峭ㄅ浞挥蒙,連英文網(wǎng)頁都要忍受雅黑體的凌亂,傷不起呀!

其實(shí)Windows內(nèi)置的UI字體大多同時提供了矢量字型。有很多方法來看到這套矢量版:放大、縮小,還有——旋轉(zhuǎn)!

打開%UserProfile%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css文件,加入下面這行樣式:

body{-webkit-transform: rotate(0.03deg);}

讓整個網(wǎng)頁旋轉(zhuǎn) 0.03°(或更多),宋體(及其他 fallback 字體)就會以矢量形式顯示,漢字筆畫就不會被Chrome當(dāng)作鋸齒給滅掉了!

實(shí)測效果(網(wǎng)易郵箱,其實(shí)Chrome的反鋸齒效果挺不錯):

最新Chrome Dev版字體撕裂解決方法

當(dāng)然這個方案還是有缺陷的,除了眼神會變歪(可以加負(fù)號調(diào)整)以外,水平/垂直線也會產(chǎn)生重影。所以希望這個bug早日解決,繼續(xù)嘗鮮的讀者可以到Issue9676998155兩個頁面打上星星(即“投票”/“頂”),讓Chrome團(tuán)隊(duì)意識到bug的嚴(yán)重程度。

關(guān)鍵詞:Chrome字體撕裂

贊助商鏈接: