Chrome字体抗锯齿与图标字体显示异常处理

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类的等宽字体。