Linux 环境下如何使 Chrome 浏览器字体更漂亮
Windows 就免谈了,本身字体渲染技术 Cleartype 以及 DirectWrite 就稀烂得一塌糊涂。Mac 下面本来字体渲染就很好,所以关键就是在 Linux 下如何使 Chrome 的字体渲染更漂亮?首先要明白一点,Chrome 的字体渲染依赖两点:Linux 操作系统的字体渲染设置以及 Chrome 自身的网页字体渲染控制。在 Fedora 22 GNOME 3.16 环境下,即使用 gnome-tweak-tool 设置了字体渲染微调为 none,抗锯齿为 Rgba 后,对 Chrome 却没有效果,Chrome 仍然用“完全”微调模式进行字体渲染,这会导致很多中文字体显示很丑陋。原因在于,Chrome 是读取 Linux 系统 fontconfig 配置的,默认情况下系统 fontconfig 中没有对字体全局 hint 进行配置,因此我们只需要在 /etc/fonts 目录下创建一个 local.conf,写入如下内容即可:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<match target="font">
<edit name="autohint" mode="assign">
<bool>false</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>false</bool>
</edit>
<edit name="hintstyle" mode="assign">
<const>none</const>
</edit>
</match>
</fontconfig>
保存后即可发现系统所有程序都能遵循这个设置,字体渲染微调关闭,中文字体渲染会非常好看。接着,在 Chrome 中安装 stylish 插件,创建一个针对所有网站都有效的样式,其应用范围为“全部”,内容如下:
html, body {
font-family: "Source Han Sans CN";
}
pre, code, kbd, samp, var {
font-family: "Monospace", "Source Han Sans CN";
}
这可以保证 Chrome 对任何网站的访问都采用这个样式。当然,别忘了对 Chrome 自己的设置中将其字体设置为你喜欢的字体即可。
2016.05.27 修改注释:stylish 插件中的样式设置,取消了原有的 body * { ... } 这种写法,同时内部去掉了 !important,是为了能够保证 webfont 比如现在流行的 icon font(在 Bootstraps 中大量使用)能够正常显示,否则 icon font 都会显示出方框。
最新文章
- Pyqt show和exec的区别
- linux服务器下添加字体
- 【Longest Palindromic Substring】cpp
- UVa 10561 (SG函数 递推) Treblecross
- oracle 11g 64位安装sqldeveloper打开不了
- haproxy实现mysql slave负载均衡
- Flex DataGrid 添加控件
- Spring+SpringMVC+MyBatis+easyUI整合基础篇(八)mysql中文查询bug修复
- 转载:selenium webdriver定位不到元素的五种原因及解决办法
- unittest测试套件
- Softmax函数模型介绍
- 用《捕鱼达人》去理解C#中的多线程
- python-常用模块xml、shelve、configparser、hashlib
- JavaScript 把字符串类型转换成日期类型
- PropertyPlaceholderConfigurer
- Go 文件操作(创建、打开、读、写)
- 转-Hive/Phoenix + Druid + JdbcTemplate 在 Spring Boot 下的整合
- django 不同版本 url 及path区别
- 导出Excel超过65535条限制解决方案
- 【bzoj5084】 hashit(广义SAM+set)
热门文章
- Mysql –>;EF edmx(model first)–>; Sql server table
- 重新想象 Windows 8 Store Apps (60) - 通信: 获取网络信息, 序列化和反序列化
- jquery checkbox checked
- DevExpress.XtraGrid.Views 设置指定行的背景颜色 .
- Access sql语句创建表及字段类型
- Sizing and Capacity Planning for SharePoint 2013 - Resources
- ExtJs中xtype与组件类的对应表
- 404 &; 401 Errors with the App Management Service
- 用TextPaint来绘制文字
- sublime: useful commands