转：Linux(ubuntu)下chrome字体模糊发虚解决方案

比眉伴天荒 2022-03-19 12:54 941阅读 0赞

转自：http://www.liveme.org/chrome-font-in-linux.html

时隔一年后回到ubuntu，使用了两周，目前已经基本在linux常驻下来了。无论哪个系统，首选浏览器肯定是Google Chrome啦，之前还挺纠结的，因为上面Chrome的字体还真让我不满意，发虚模糊，尤其是百度网站的字体，即使设置了Chrome字体后，还是会模 糊的厉害。在[G+][G]的即时聊天上，[无冷][Link 1]说用微软雅黑代替算了，可是这要是修改CSS的时候，就有问题了，所有字体都是微软雅黑。折腾设置了很久，于是有了以下两种解决方案，请各取所需。

**测试环境：**Ubuntu11.10—GNOME3—中文简体语言—Chrome15

##### 方案一（普通用户者模式） #####

打开~/.config/google-chrome/Default/User StyleSheets/ 目录中的Custom.css，一般该CSS文件默认是空的，在上面添加如下几行，保存即可：

>     @charset "utf-8";
>      body * {
>          
>      font-family:Arial,sans-serif,Ubuntu,"WenQuanYi Micro Hei","wqy-microhei",Tahoma,SimSun !important;
>      }

复制写入时要注意使用半角（英文输入状态）！其中，Arial是你想使用的第一志愿字体，有的朋友喜欢微软雅黑，你也可以根据自己的需要进行修改。

有些新手朋友可能找不到该路径，~/.config/……的意思就是在你的用户目录（home/用户名/）下的.config文件夹，该文件夹是隐 藏文件夹，在linux下，隐藏文件或文件夹就是在该文件名或者文件夹名前加一点 “.”。一般情况下隐藏文件夹是不显示的，显示隐藏文件夹的快捷键一般是：ctrl+h。

**此方案优点：**修改操作非常简单，解决了字体模糊发虚的问题，而且所有的网页字体都会根据你设置的第一志愿字体去显示。适合普通用户使用。

**缺点：**所有网页都是同一种字体了，这就让某些网站他自定义的字体无法按照他的意愿去显示。例如，一些 web2.0网站（如点点网）都喜欢用微软雅黑作为他的主字体，这样如果我设置第一志愿字体是Arial之后，那些网站就无法显示微软雅黑字体了。并且这 对于网站开发人员来说是不便利的，网站的调试必然会涉及到CSS中的字体。

那么如果不想让所有的网页都是显示一种字体，应该怎么办呢？

![ubuntu-chromium][]

ubuntu-chromium

##### 方案二（开发者模式） #####

**一、安装字体，设置chrome字体**

1、给你的ubuntu（或者其他linux发行版本）装上文泉族字体（比较新版本的系统一般都会自带有）和宋体（googole搜索下载）。

2、打开chrome，点击右上角的小扳手——首选选——高级选项，找到“网页内容”，点击“自定义字体”，将上面前三项（标准字体、serif字 体、sans-serif字体）都选择“文泉驿点阵正黑”或者“宋体”（选哪个看你个人喜欢，差别不大）；宽度固定的字体选择Ubuntu-Mono。

到现在为止，大部分网站的字体显示都应该正常了，但是还是有个别网站有问题的，例如百度。这时候的百度网站字体还是会模糊发虚，没关系，接着往下看。

**二、添加chrome自定义小应用**

此方法灵感源自于在[G+][G]上跟[无冷][Link 1]、[Phoetry][] 讨论Gmail上的广告的时候，无冷提供的一种可以针对单一网站写个CSS的方法，有兴趣的可以去了解一下：[传输们][Link 2]。很简单，看操作步骤：

1、在你文件目录（随便一个稳定的位置）上创建一个My Chrome文件夹（当然，你可以命名为其他的名字）；

2、在My Chrome文件夹中创建baidu.css文件，在baidu.css中写入（复制写入时要注意使用半角！）：

>     @charset "utf-8"; body * {  font-family:Arial,sans-serif,Ubuntu,"WenQuanYi Micro Hei","wqy-microhei",Tahoma,SimSun !important;   }

3、在My Chrome文件夹中创建manifest.json文件，在manifest.json中写入（复制写入时要注意使用半角！）：

>     {    "content_scripts": [ {       "css":["baidu.css"],       "matches":["*://*.baidu.com/*"]    } ],    "name": "Chrome CSS",    "version": "1.0" }

4、打开Chrome的扩展管理器，勾选上“开发人员模式”，点击第一个按钮“载入正在开发的扩展程序”（如下图），选中My Chrome文件夹，确定。

![开发者模式][chrome-tuozhan.png]

5、就这样完毕了，Enjoy yourself!

**附加说明：**在第二步的第3步中，你可以自定义manifest.json，添加更多的针对个别网站的CSS，例子可以参考这里：[传输们][Link 2]。”matches”:\["\*://\*.baidu.com/\*"\]中的中括号中的双引号中的是一个正则表达式，你也可以根据自己的需要修改。

**此方案优点：**可以解决绝大部分网站字体模糊发虚等问题；也可以让网站根据它自身的定义显示原本的字体，原来是什么字体就显示什么字体（你电脑安装有该字体的话）。这种方法是比较适合网站开发人员使用的。

**缺点：**操作步骤相对比较多一点；有个别网站需要使用CSS自定义字体。但我想，如果你是一个从事网站开发设计工作的朋友的话，这点对你来是根本不是问题。

##### 编后语 #####

ubuntu（或linux）上的浏览器对中文字体的渲染支持真不是那么好，没有办法，谁让大部分的linux开发者都是使用英文的呢？其实这两种 方案都不是最佳的，设置后，虽然字体是非常接近windows下的了，但是始终不如windows上的完美。不过没有关系，能体验到linux的强大和新 鲜，这点小代价还是甘愿付出的，这样子我感觉是比较满意的了。如果哪位朋友有更好的解决方法，很期待你可以和大家分享！

[G]: http://www.liveme.org/+
[Link 1]: http://icold.me/
[ubuntu-chromium]: http://img1.liveme.org/files/2011/11/ubuntu-chromium.jpg
[Phoetry]: http://phoetry.me
[Link 2]: http://bbs.chromi.org/forum-viewthread-tid-11680-extra--highlight-css-page-1.html
[chrome-tuozhan.png]: http://img1.liveme.org/files/2011/11/chrome-tuozhan.png