教程:优化默认西文字体与繁体中文字体(Mac OS X 10.6)

2010-11-26 19:58:56 +08:00
 lianghai
Firefox 在 Mac OS X 上的默认繁体中文字体设置有点跟不上时代,或是故意守旧。
10.6 里已经有了黑度更加合适的“黑体-繁”,它却还在用“LiHei Pro”和“Apple LiGothic”(这俩是非常美观的字体,但实在不适合小字号),加上 Firefox 的字体渲染比较粗,就成这样了:
http://cl.ly/3OwV
10452 次点击
所在节点    Firefox
13 条回复
lianghai
2010-11-26 19:59:32 +08:00
下面介绍怎样修改 about:config 从而优化这一点:

第一步:首先在“过滤器”中输入“font”来只显示我们关心的选项。

注:我们要修改的选项基本都是这么几个关键词的组合:

font.name-list.*:fallback 字体选项,也就是说如果在指定的任何字体中都找不到一个字符,就用这个字体来渲染它(我们之所以要编辑 about:config,正是因为在首选项窗口中无法编辑这一组选项)。
font.name.*:默认字体选项,就是您在“首选项 > 内容 > 字体 & 颜色”能修改的那个。
*.monospace.*:用于等宽字体,对应 CSS 的 generic font family [1]。
*.sans-serif.*:用于非衬线字体,同上。
*.serif.*:用于衬线字体,同上。
*.zh-CN:用于大陆地区简体中文,对应 HTML/XML 的 language tag [2]。
*.zh-HK:用于台湾地区正体中文,同上。
*.zh-TW:用于香港地区繁体中文,同上。

第二步:修改中文 fallback 字体选项:

修改以下选项值为“Heiti SC”(这是从 Mac OS X 10.6 引入的,原简体中文默认界面字体华文黑体(STHeiti)重组后的新名字,中文名为“黑体-简”;参见 [3]):
font.name-list.monospace.zh-CN
font.name-list.sans-serif.zh-CN

修改以下选项值为“Heiti TC”(这是从 10.6 引入的,以华文黑体字形为基础而设计的,新的繁体中文默认界面字体,风格与 Heiti SC 高度统一,中文名为“黑体-繁”;参见 [3]):
font.name-list.monospace.zh-HK
font.name-list.monospace.zh-TW
font.name-list.sans-serif.zh-HK
font.name-list.sans-serif.zh-TW

第三步:修改用于显示中文环境(lang=zh-*)下的西文的字体选项:

修改以下选项值为“Menlo”(这是从 10.6 引入的新,以 Bitstream Vera Sans Mono 为基础设计的默认等宽字体,和“人民群众喜闻乐见”的 Panic Sans 是兄弟;参见 [3]):
font.name.monospace.zh-CN
font.name.monospace.zh-HK
font.name.monospace.zh-TW

修改以下选项值为“Lucida Grande”(这是众所周知的 Mac OS X 西文默认界面字体,它比 Helvatica 更舒展一些,适合用作网页正文默认字体):
font.name.sans-serif.zh-CN
font.name.sans-serif.zh-HK
font.name.sans-serif.zh-TW

修改以下选项值为“Times”(这是 Mac OS X 的默认衬线字体,是 Times New Roman 的兄弟,但它比现在常见的 Times New Roman 多了“fi”等连字,风格上也更优雅一些——不过在小尺寸上基本是看不出区别的):
font.name.serif.zh-CN
font.name.serif.zh-HK
font.name.serif.zh-TW
lianghai
2010-11-26 19:59:43 +08:00
第四步:修改一些附加选项:

修改以下选项值为“Heiti SC, Heiti TC, Hiragino Sans GB”(这规定了在浏览器启动时载入的字体;原有的设置完全没有为中文环境优化,没有任何意义;于是这里我们把它改过来,并且为 V2EX 优化而加上“Hiragino Sans GB”,不过我也不知道这个会在多大程度上影响性能;参见 [4]):
font.preload-names-list

修改以下选项值为“16”(这规定了所有非等宽字体的默认大小;我觉得还是和 .ja 以及 .ko 的数值统一比较好):
font.size.variable.zh-CN
font.size.variable.zh-HK
font.size.variable.zh-TW

[1] http://www.w3.org/TR/css3-fonts/#generic-font-families
[2] http://www.w3.org/International/articles/language-tags/
[3] http://blog.jjgod.org/2009/03/17/snow-leopard-font-related-changes/
[4] http://kb.mozillazine.org/Font.preload-names-list
lianghai
2010-11-26 20:00:24 +08:00
好了,现在我们的 Firefox 显示繁体中文时总算能看了:
http://cl.ly/3OwB
DFC
2010-11-26 20:06:19 +08:00
感謝分享,能給張前後的效果圖嗎?
lianghai
2010-11-26 20:12:22 +08:00
@DFC 其实我插入了前后的效果图,只是不知为什么,现在 cl.ly 的图片分享不正常。

再试试:
http://cl.ly/3OwV
http://cl.ly/3OwB

如果还是看不到,您可以直接访问以下两个网址:

http://cl.ly 斜线 3OwV
http://cl.ly 斜线 3OwB
DFC
2010-11-26 20:31:13 +08:00
@lianghai
改了果然舒服很多

CloudApp 因為上次那事(http://blog.getcloudapp.com/privacy-redux)改了外鏈格式,現在 cl.ly/3OwV/上傳時的文件名 這樣才能外鏈顯示,等Livid修改吧
lianghai
2010-11-26 20:43:25 +08:00
@DFC 呃但是其实这几天的贴图都没什么问题,现在原来好好的图都看不到了(比如: v2ex.com/t/4780 ),有点奇异,或许是 GAE 的问题吧。
jjgod
2010-11-26 23:09:46 +08:00
两年前我就给 Firefox 写过 patch 让他们用系统的 fallback list 了,现在还没改...
lianghai
2010-11-26 23:19:09 +08:00
@jjgod 曾经的开源英雄 Firefox 居然这么快就成为一个有点迂腐迹象的社区了……
jjgod
2010-11-27 00:03:08 +08:00
@lianghai: 其实情形和别的开源社区差不多:如果你要有强有力的支持,背后就一定要有公司,不然就是一盘散沙,但只要背后有公司在,外部的代码就很难进入,要让自己的代码容易进入这个项目的最好办法就是加入这个公司。目前做得比较好的项目是 WebKit,虽然 Apple 是最大的 contributor,主代码也是 host 在 Apple 的服务器上,但 Google、Nokia 等等都可以比较积极的贡献。
lianghai
2010-11-27 00:31:48 +08:00
@jjgod 嗯,Mozilla 这样的基金会加下属小公司的模式不应该比较开放吗?不过也说不定 Mozilla 团队内部有不少很看不起“黑体-繁”的台湾和香港同胞……
9hills
2010-11-27 16:41:10 +08:00
@DFC 应该已经改过了啊

http://cl.ly/3OwV
http://cl.ly/3OwB
lianghai
2010-11-27 17:46:29 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/5046

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX