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

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

时隔一年后回到ubuntu,使用了两周,目前已经基本在linux常驻下来了。无论哪个系统,首选浏览器肯定是Google Chrome啦,之前还挺纠结的,因为上面Chrome的字体还真让我不满意,发虚模糊,尤其是百度网站的字体,即使设置了Chrome字体后,还是会模 糊的厉害。在G+的即时聊天上,无冷说用微软雅黑代替算了,可是这要是修改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

方案二(开发者模式)

一、安装字体,设置chrome字体

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

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

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

 

二、添加chrome自定义小应用

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

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文件夹,确定。

 

 

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

 

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

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

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

编后语

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

nvd11

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值