Chrome字體抗鋸齒與圖標字體顯示異常處理

Preface

Google Chrome在Linux平臺上的字體使用的是自己設定的,而不喜歡用微軟雅黑,但是不使用微軟雅黑字體,會導致很多代碼及其他頁面很難看(早期的谷歌Chrome,印象中版本號45-49好像都有這個問題,對字體抗鋸齒處理很差,在Linux平臺特別特別難看)。所以,就需要用Stylish來強制CSS,但是這樣會導致很多CSS圖標字體無法正常顯示。所以,有了這篇文章。

Stylish

下載這個插件,這個插件裏增加以下CSS代碼(有圖標字體亂碼的,基本是有這個插件)

* {
    font-weight: 500!important;
}
* {
    font-family: “Microsoft Yahei”, “Microsoft Yahei”, 
                        /*bootstrap框架字體*/
                        "Glyphicons Halflings", 
                        /*公共圖標庫*/            
                        "uxiconfont", "iconfontcn","iconfont",
                       /*CSDN字體圖標庫*/
                       "csdnicon" 
                        !important;
}

弊端

使用這個會導致有的頁面顯示異常,即,本該是文本的地方強制顯示成了字體圖標。譬如,webfont在公共字體庫裏會顯示成一大堆的字體,x[此處爲空格]就會顯示打印的圖標。十分的不方便。所以,鑑於較新版本的Chrome已經沒有嚴重的字體不抗鋸齒問題,可以不使用這個插件。如果默認字體代碼看起來很難看,可以改爲monospace類的等寬字體。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章