这篇算是针对我之前的文章又做了一次补完
让文章的整体性更强,从内建字型成像设定说明
到字型选择、使用者样式解决泛东亚字型显示一致性
(目前只有做到中文部分,未来或许会扩充)
一次过整合在同一篇文章内
※ 引述《t7yang (t7: 我认为这是一种背叛)》之铭言:
针对这篇文章 #1J4fUnkT(Browsers) 讨论到完全偏掉(XD)的字型设定主题做了一些整理
原始文章:http://t7yang.blogspot.tw/2014/03/fx-font-render-settings.html
除了利用 Mactype 或 GDI++ 等成像软件来辅助字型的成像外,Firefox 其实也内建了字
型成像的选项供使用者调整。这些选项默认是停用的,知道的人可能相对较少,所以常常
就必须面临是否要放弃硬件加速来换 Mactype 成像的困境,但其实可以两全其美。
选项 说明及建议
gfx.font_rendering.directwrite.enabled
TRUE/FALSE 启用字型成像,必须启用后底下的设定才有效果
gfx.font_rendering.cleartype_params.pixel_structure
0 = Flat 像素结构,液晶萤幕使用1(RGB)
1 = RGB
2 = BGR
gfx.font_rendering.cleartype_params.gamma
2200 / 1800 Gamma 校正值,标准:Windows 2200、MAC 1800
gfx.font_rendering.cleartype_params.cleartype_level
0~100 ClearType 的强度,数值越高字越平滑,但也可能越模糊。
一般建议落在 50~80之间即可。
gfx.font_rendering.cleartype_params.enhanced_contrast
0~1000 对比度,数值越高越锐利,字也会越粗。一般建议落在
200~500之间即可。
gfx.font_rendering.cleartype_params.rendering_mode
0 = Default 成像模式,可以根据自己的系统反复尝试何种模式最舒服,
1 = Aliased 不须重新启动浏览器即可以看到效果
2 = GDI Classic
3 = GDI Natural
Widths 其中“Default”、“Natural”、“Natural
4 = Natural Symmetric”是不错的选择。某些电脑在选择
5 = Natural “Aliased”后接口文字可能会完全看不到。
Symmetric
gfx.font_rendering.cleartype_params.force_gdi_classic_for_families
字型名称 这个清单的字型会强制使用传统GDI的方式成像,
某些较适合使用GDI进行成像的字型可以加入这个清单
gfx.font_rendering.cleartype_params.force_gdi_classic_max_size
数字 强制使用传统GDI方式成像的最大大小,
应该跟上一个选项是连动的
gfx.use_text_smoothing_setting
TRUE/FALSE 开启平滑设定(用于 Mac 系统)
gfx.font_rendering.cleartype.always_use_for_content
TRUE / FALSE 对所有内容启用ClearType成像
browser.display.auto_quality_min_font_size
数字 决定在哪个字级以上使用高品质成像(注1、注2)
注1:http://kb.mozillazine.org/Browser.display.auto_quality_min_font_size
注2:https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering
基于篇幅的因素,更多细节说明请参考O2FP页面的[内建设定]->字型效果分类
O2FP传送门:https://goo.gl/bv6hW
参考来源:
http://blog.timshan.idv.tw/2013/06/howto.html
https://addons.mozilla.org/zh-tw/firefox/addon/anti-aliasing-tuner/
http://mikawaffle.blogspot.tw/2012/02/firefox.html
并加入部分个人的建议
测试 Firefox 版本:28 beta
除了自己开启 about:config 来敲敲打打之外,如果习惯使用图形接口来操作的话,也可
以安装Anti Aliasing Tuner。
https://addons.mozilla.org/firefox/addon/anti-aliasing-tuner/
字型的选择
除了成像的参数之外,其实中文世界中最大的阅读愉悦度的障碍其实来自于字型本身。因
为中文世界中非常缺乏高品质的字型(就算是付费的字型)。在作业系统上:
※各常见作业系统简单介绍
MAC:
有先天的“苹果基因”优势,很大程度的克服了浏览器中文字难看的问题。除了行之有年
“俪黑PRO”和“黑体 TC”外,也有一些使用者会偷渡使用品质更好的日文冬青黑体。
Windows:
直到微软在Windows Vista内建“微软正黑体”后,微软作业系统的使用才有一款比较好
看的无衬线黑体字型(最重要的是微软正黑体符合国字标准字体的规范。在此之前,不少
使用者偏好使用日文字型。
Linux:
一般来说文泉驿黑体是Linux 使用者的首选,但其实这款字型是修改自 Android 的
Unicode字型,并根据对岸的标准规范来修改的。
常见的中文无衬线比较可以参考这里。
※字型选择辅助图
非常在意字型符合国字标准字体
是
偏好无衬线字型
是
微软正黑体(Windows Vista+内建)
否
标楷体(Windows 内建)
否
偏好无衬线字型
是
微软雅黑(Windows Vista+内建)
SimHei(Windows内建,简体字型)
Arial Unicode MS(Windows 内建,有中文Unicode 字型)
明了体(Windows Vista+内建,日文字型,日语:メイリオ,英文:Meiryo
)
MSGothic(Windows内建,日文字型)
Yu Gothic(Windows内建,日文字型)
信黑体(付费中文字型)
一些 Windows 使用者甚至也会想办法取得MAC的中文或日文字型,并使用在Windows 系统
上已取得更好的视觉享受,再此就不多做讨论。
套用KillSerif Style补完最后的拼图
设定好文字成像之后,接着还必须处理浏览器以什么字型来显示。在萤幕显示的情况,
无衬线体的显示效果要优于衬线体,因此黑体或圆体这类无衬线体是较好的选择。
但Firefox本身并没有针对泛东亚使用者最佳化显示字型的设定。因为仅透过内建字型
设定并不能有效的让泛东亚字型的显示有一致性,就算开发团队解决了图示字型与
文字字型分离设定的问题,但并不因为使得泛东亚字型的设定变得可接受。
所以,目前仍需要借助外部的力量进行调整。KillSerif Style或许是其中一个
目前最佳的选择,仔细阅读它的使用指南,根据你的使用的浏览器进行设定,
搭配上述的内建设定,你应该可以取得最接近理想的显示效果。
KillSerif Style传送门:https://userstyles.org/styles/111687/killserif-style
中文字型的悲哀
从上图的“字型选择辅助图”可以清楚地看得出来,目前要找到一个符合“国字标准字体”
规范的无衬线字型,唯一的选择只有微软的“正黑体”,更别说“微软正黑体”
在经历了数代的更新之后仍存在许多问题(某些字在粗体显示时会在右边出现一个全型的
中文空格、多年来为人诟病的字重不够、显示小号文字时非常难看等),这也造成许多
使用者宁愿放弃符合国字标准字体的微软正黑体,而选择敌国的开放的文泉驿黑体。
除了是因为整个中文世界缺乏优秀的字型开发商(这个问题可能跟字型容易被流传在
网络上且华人社会较没有付费购买字型的观念有关),作业系统厂商也较不愿意投资在
中文字型的打造上(尤其台湾市场太小,多数使用者对字型要求与认识也不高)。
备注:
本文只是简单针对 Firefox 内建的字型成像选项做了一些简单的整理与介绍,
其中在字型的选择上着墨比较多的是以 Windows 使用者的观点出发。若发现任何错误
或不完整的资讯,欢迎纠正和补足。
整理完后发现文章好像真的太长了,需要关照一下懒人
1. 按照每个设定调整,通常有给建议值是什么。gdi_classic的部分如果不需要就放著
不需要管。很多人喜欢文字要够黑,关键就在对比提升的数值,越高就越粗。
2. 安装Stylish套件
3. 安装KillSerif Style。仔细阅读相关的使用指南,主要是内建字型设定,把对应的
字型设定到KillSerif Style中(如果是默认的微软正黑体就不用设定)
4. 享受你的Firefox带来的视觉飨宴
Q: 有没有更懒的方法?
A: 有,直接安装 Anti Aliasing Tuner,内建成像设定那部分直接有图形接口。
Q: 还是很麻烦,有没有更懒的方法?
A: 有,买一台尊爵不凡的MAC,然后望向我们这群还需要自己手动调整的使用者说:鲁蛇