天天看點

Chrome字型抗鋸齒與圖示字型顯示異常處理PrefaceStylish弊端

Preface

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

Stylish

下載下傳這個插件,這個插件裡增加以下CSS代碼(有圖示字型亂碼的,基本是有這個插件)

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

弊端

使用這個會導緻有的頁面顯示異常,即,本該是文本的地方強制顯示成了字型圖示。譬如,

webfont

在公共字型庫裡會顯示成一大堆的字型,

x[此處為空格]

就會顯示列印的圖示。十分的不友善。是以,鑒于較新版本的Chrome已經沒有嚴重的字型不抗鋸齒問題,可以不使用這個插件。如果預設字型代碼看起來很難看,可以改為monospace類的等寬字型。

繼續閱讀