作者t7yang (t7: 我认为这是一种背叛)
看板Browsers
标题Re: [-Fx-] Firefox 内建字型成像设定整理
时间Sun Apr 3 22:00:01 2016
这篇算是针对我之前的文章又做了一次补完
让文章的整体性更强，从内建字型成像设定说明
到字型选择、使用者样式解决泛东亚字型显示一致性
（目前只有做到中文部分，未来或许会扩充）
一次过整合在同一篇文章内
※ 引述《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，然後望向我们这群还需要自己手动调整的使用者说：鲁蛇
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.113.38.77
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1459692011.A.C3B.html
※ 编辑: t7yang (140.113.38.77), 04/03/2016 22:02:47
1F：推 jmlntw: 我已经放弃在 Windows 上追求好看的字型这件事了 XD 04/03 22:08
2F：→ jmlntw: 用 Linux 的话倒是全部统一成思源黑体 04/03 22:08
3F：推 hsparrot: 放弃之後，海阔天空。微软正黑打遍无敌手! 04/03 22:16
4F：→ t7yang: 这也是无可奈何的事情WIN底下OTF好像怎麽都不好看 04/03 22:25
5F：→ t7yang: 倒是真的用FX内建的成像参数调整後浏览器的文字就会很好看 04/03 22:26
6F：→ t7yang: 够黑够粗，除了正黑体原生的那些鸟BUG外，真的已经很棒了 04/03 22:26
7F：推 mayuyu: 推内建渲染(DW)参数+stylish 虽然还是比MacType渲染淡一点 04/03 23:27
8F：→ mayuyu: 不过日常看起来已经不会觉得线条破碎或者是太模糊 04/03 23:28
10F：→ t7yang: ma大这介面改动颇大啊（笑）而且看起来是用droid sans家族 04/03 23:34
11F：→ t7yang: 或衍生。话说directwrite有没有中文翻译？ 04/03 23:35
12F：推 WFXX: 有安装mactype本篇还有用吗? 还是说不冲突? 04/03 23:38
13F：→ t7yang: 记得以前有办过一个Opera介面分享的活动，现在转用FX 04/03 23:39
14F：→ t7yang: 好像应该也来办一场 XD 04/03 23:39
15F：→ t7yang: 有安装mactype的话，跟内建成像的功能应该就重复了 04/03 23:40
16F：→ t7yang: 可以直接跳到killserif style那里把中文字型一致性的问题 04/03 23:40
17F：→ t7yang: 解决就好了 04/03 23:40
18F：推 WFXX: 感谢大大热心回应QAQ 利马试试看 04/03 23:43
※ 编辑: t7yang (140.113.38.77), 04/03/2016 23:52:46
19F：推 hohiyan: 信黑体不符合国字标准字体啊？ @_@ 04/04 00:22
20F：推 mayuyu: @t7yang大 介面因为原本的矩形分页用习惯了 04/04 00:28
21F：→ mayuyu: 所以一直没有换成Australis的弧形分页 04/04 00:29
22F：→ mayuyu: (我是用CTR回复的，再参考userstyles改成有点Metro的样子) 04/04 00:29
23F：→ mayuyu: 字型是夏夏制作「花明兰秀月」，是从明了体和兰亭黑 04/04 00:29
24F：→ mayuyu: 修改来的，可能有些习惯上的不同会觉得怪怪的， 04/04 00:30
25F：→ mayuyu: 例如标点符号、旧字体的问题，不过阅读起来还蛮清楚的， 04/04 00:30
26F：→ mayuyu: 所以阅读的时候为了省力我都选择这个字体。 04/04 00:30
27F：→ mayuyu: directwrite好像没有中文翻译耶，我也不知道要怎麽翻比较 04/04 00:30
28F：→ mayuyu: 像hinting也是找不到传神贴切的翻译，就直接用hinting xDD 04/04 00:30
29F：推 tsukiyo99: 想问mayuyu大大 花明兰秀月会有缺字的情形吗 04/04 01:03
30F：→ oversky0: 教育部有标准宋体、楷书、隶书字形档。 04/04 01:22
32F：→ oversky0: CNS 之前也有出宋体、楷书，不知和教育部的一不一样。 04/04 01:23
33F：推 mayuyu: 很少遇到缺字 应该包含大部分正体中文、简中、日、韩文字 04/04 01:24
34F：→ mayuyu: (注意有些日文汉字的写法是错误的 台中日的汉字写法不同 04/04 01:24
35F：→ mayuyu: 即使是号称标准字型的写法都不完全正确 04/04 01:24
36F：→ mayuyu: 所以花明兰错得不算离谱 04/04 01:25
37F：→ mayuyu: 但是如果你要学习标准汉字写法 就不能参考这个字体 04/04 01:25
38F：→ mayuyu: 建议拿来阅读使用就好) 04/04 01:25
39F：→ mayuyu: 如果真的遇到缺字 用t大的KillSerif Style样式的话 04/04 01:25
40F：→ mayuyu: 即使有缺字也可以用第二顺位的字体补上 04/04 01:25
41F：→ mayuyu: src: local(" "), local("Microsoft JhengHei"); 04/04 01:25
42F：→ mayuyu: 第二顺位就是微软正黑体("Microsoft JhengHei") 04/04 01:25
43F：→ mayuyu: 你可以在前面或後面自己加替补的字体 04/04 01:26
44F：→ t7yang: @hohiyan: 信黑体的作者是香港人，他完全没有必要根据 04/04 01:26
45F：→ t7yang: 台湾教育部的规范走。而且要辨识是否符合很简单，找一个 04/04 01:27
47F：→ t7yang: @其实Droid Sans本身是不错看，用在萤幕显示上很棒，只是 04/04 01:31
48F：→ t7yang: 只是对它的标点符号和一些字的写法不是那麽习惯 04/04 01:31
49F：→ t7yang: 所以才没有用，在WIN底下正黑体还算堪用。 04/04 01:32
50F：→ t7yang: @mayuyu大 04/04 01:32
51F：推 hohiyan: 原来如此。是我误会了，我一直以为字体作者是台湾人 XD 04/04 01:35
52F：→ t7yang: 这个误会还真大（笑 04/04 01:37
53F：推 mayuyu: @t7yang大 Droid Sans真的蛮好看 不过我没试过在Win 04/04 01:55
54F：→ mayuyu: 底下渲染看起来怎麽样 04/04 01:55
55F：→ mayuyu: @tsukiyo99大 这个字体可能不好找 我补一下连结 04/04 01:56
56F：→ mayuyu: 无衬线 黑体 花明兰 ver.6.1(修改了明兰终部分旧字体 04/04 01:56
57F：→ mayuyu: 比较符合现代阅读习惯) 04/04 01:56
59F：→ mayuyu: 如果你需要等宽字体 要下载明兰终 另外用里面的 04/04 01:56
60F：→ mayuyu: MingLan_Mono来搭配花明兰 04/04 01:56
61F：→ mayuyu: 如果你需要分别清楚，容易辨识的英数字来阅读程式码 04/04 01:57
62F：→ mayuyu: 例如区分O和0 要下载明兰终 用里面的MingLan_Code 04/04 01:58
64F：→ mayuyu: 衬线 明体 秀月(完整的名称其实是花秀‧月明，花秀月明) 04/04 01:58
69F：→ mayuyu: 二个合起来 一个用在衬线 一个用在无衬线 04/04 01:59
70F：→ mayuyu: 简称为「花明兰秀月」 04/04 01:59
71F：推 tsukiyo99: @mayuyu 好的 我再试试看阅读效果 感谢 04/04 02:08
72F：→ t7yang: @mayuyu大: 喔，我还以为你的用的字型是droid sans衍生的 04/04 03:09
73F：→ t7yang: 因为那个标点符号看起来好像。 04/04 03:10
74F：→ t7yang: 1google了一下mayuyu大推荐的字型，也找到了一篇 04/04 04:01
75F：→ t7yang: 旧文，似乎是对岸网友制作的，撮合了好几个字型 04/04 04:01
76F：→ t7yang: 而成。不考虑这些字型是否可以合法使用或重制的 04/04 04:01
77F：→ t7yang: 情况下。也算相当有毅力。 04/04 04:01
78F：推 mayuyu: 对啊 是夏夏做的 他是旧字体(康熙字体)的爱好者 04/04 08:16
79F：→ mayuyu: 所以明兰用了很多旧字形 是旧体字的写法 04/04 08:16
80F：→ mayuyu: 有些人认为旧体字保留较多的汉字的字理 也比较美观 04/04 08:16
81F：→ mayuyu: 所以不少人还是坚持用旧字体 但是好看的旧字体很少 04/04 08:17
82F：→ mayuyu: 而明兰是少数保留旧字体而且又好看的黑体 04/04 08:17
83F：→ mayuyu: 不过明兰也不全是康熙字体的写法 有些是更旧的写法 04/04 08:17
84F：→ mayuyu: 可能夏夏有自己的字理见解 有些人可能会觉得不适应 04/04 08:17
85F：→ mayuyu: 而通常这种混合字体会有整体风格不统一 04/04 08:17
86F：→ mayuyu: 字距高低笔画粗细参差不齐 设计构造粗糙不成熟的问题 04/04 08:18
87F：→ mayuyu: 不过明兰很奇蹟的竟然修改得很和谐、很好看w 04/04 08:18
88F：→ mayuyu: 尤其是正体中文、简体中文和日文三种字混合一起出现的时候 04/04 08:19
89F：→ mayuyu: 明兰看起来融合得非常完美 非常的整齐 04/04 08:19
90F：→ mayuyu: 不过有些汉字的写法对於现代标准来说是错误的 04/04 08:19
91F：→ mayuyu: 或者说很少在使用的 04/04 08:19
92F：→ mayuyu: 由於明兰把许多当用汉字都替换成了旧字体 04/04 08:19
93F：→ mayuyu: 所以不适合拿来学习现代标准的写法 04/04 08:20
94F：→ mayuyu: 不过因为我也喜欢旧字体 所以我觉得看起来特别舒服xD 04/04 08:20
95F：→ mayuyu: 抱歉占用篇幅再补充一下 04/04 08:21
96F：→ mayuyu: 在Fx用KillSerif Style+明兰的时候 样式里面 04/04 08:21
97F：→ mayuyu: @font-face { 04/04 08:21
98F：→ mayuyu: font-family: "Arial"; 04/04 08:21
99F：→ mayuyu: unicode-range: U+4E00-9FFF; 04/04 08:21
100F：→ mayuyu: font-weight: 400; 04/04 08:21
101F：→ mayuyu: src: local("H-MingLan-Regular"); 04/04 08:21
102F：→ mayuyu: } 的後面要再加上一段 04/04 08:22
103F：→ mayuyu: @font-face { 04/04 08:22
104F：→ mayuyu: font-family: "Arial"; 04/04 08:22
105F：→ mayuyu: unicode-range: U+00-024F; 04/04 08:22
106F：→ mayuyu: font-weight: 400; 04/04 08:22
107F：→ mayuyu: src: local("Arial"); 04/04 08:22
108F：→ mayuyu: } 还有对应的粗体那边也同样加上 04/04 08:23
109F：→ mayuyu: unicode-range: U+00-024F; 04/04 08:23
110F：→ mayuyu: src: local("Arial Bold"); 04/04 08:23
111F：→ mayuyu: 不然有些网页排版会乱掉 例如雅虎奇摩拍卖 04/04 08:23
112F：→ t7yang: 3其实写法的部分有些太细节的，在阅读时基本上是 04/04 08:39
113F：→ t7yang: 观察不到的。毕竟人类在阅读时是用扫描，以前做 04/04 08:39
114F：→ t7yang: 过实验，用一些安插了倒序的词汇的文章给受试者 04/04 08:39
115F：→ t7yang: 阅读，多数都不会发现文章有异样（笑）。只是标 04/04 08:39
116F：→ t7yang: 点符号就真的很显眼，然後我又很在意（应该说我 04/04 08:39
117F：→ t7yang: 比较喜欢台湾的写法，完全置中，而不是像中日韩 04/04 08:39
118F：→ t7yang: 这样在角落），所以这就是为什麽我没办法接受一 04/04 08:39
119F：→ t7yang: 些网路流传很广很多人用的黑体。如果可以学会如 04/04 08:39
120F：→ t7yang: 何修改字型，我应该会自己修改吧，只是目前完全 04/04 08:39
121F：→ t7yang: 没碰过，不知道怎麽下手。不然想日本不少思源的 04/04 08:39
122F：→ t7yang: 衍生黑体和圆体其实也不错看。 00-024F看起来似 04/04 08:39
123F：→ t7yang: 乎是蛮前面的，这段应该没有影响到才对。知道是 04/04 08:39
124F：→ t7yang: 甚麽问题造成的吗？如果是CSS程式码可以排除的 04/04 08:39
125F：→ t7yang: 问题就应该修正一下。 花了一点时间做了一个小 04/04 08:39
126F：→ t7yang: 工具，自动连推格式书签小工具，有兴趣的人可以 04/04 08:39
127F：→ t7yang: 尝试一下，看看有没有问题。 04/04 08:39
129F：→ hohiyan: 我说麻友友跟t7你们两个就应该直接各回一篇文啊 XD 04/04 11:21
130F：→ mayuyu: @hohiyan 一开始没想到会写那麽多行 结果越写越多orz 04/04 12:15
131F：→ mayuyu: 排版乱掉只有使用明兰字型的时候会遇到 04/04 12:15
132F：→ mayuyu: 所以只有用明兰的时候需要加上 一般人不会用到 04/04 12:15
133F：→ mayuyu: 所以我只是在这里顺便提一下 如果有试用明兰字型的话 04/04 12:16
134F：→ mayuyu: 记得一定要加在後面才有效 chrome没有这个问题所以不用加 04/04 12:16
135F：→ mayuyu: 字型修改替换可以用FontForge 我记得有板友也是不满意 04/04 12:16
136F：→ mayuyu: 明兰的标点符号位置所以有自行修改 我习惯了所以没感觉w 04/04 12:17
137F：→ mayuyu: 感谢制作连续推文的工具 这样以後要霸占推文就更方便了xD 04/04 12:17
138F：→ mayuyu: >< 在BBSFox底下不能用 04/04 22:48
139F：→ t7yang: 1嘿啊，我有写在使用限制里面。这点可能跟BBSFOX 04/04 23:08
140F：→ t7yang: 本身有一些限制有关吧？我还不是很清楚，consol 04/04 23:08
141F：→ t7yang: e log有跳一些讯息出来，但不是很确定是甚麽问 04/04 23:08
142F：→ t7yang: 题。目前只能先切换到其他分页再点书签小工具。 04/04 23:08
143F：→ t7yang: 等输出好格式化的文字後复制并回到BBSFOX贴上。 04/04 23:08
144F：→ t7yang: 因为不是高手，所程度只有这样（笑 04/04 23:08
145F：→ ettoolong: BBSFox 有内建一个自动连推的工具, 但是很阳春. 04/05 19:13
146F：→ ettoolong: 徵人来帮忙改善啊. 04/05 19:13
147F：→ t7yang: @_@，没发现过有内建连推的功能。下午有玩了一下FX的套件 04/05 21:30
148F：→ t7yang: 开发环境，webextension目前提供的api好像还是太少了 04/05 21:31
149F：→ t7yang: jpm的话，才想要指定浏览器位置就一直不成功，就搁置了 04/05 21:32
151F：推 goldie: 未看先推！ 04/10 19:40
152F：推 MilchFlasche: 推认真 04/20 23:48
153F：推 davidbright: 推一下这篇,g6用! 09/07 08:25