Browsers 板


LINE

针对这篇文章 #1J4fUnkT(Browsers) 讨论到完全偏掉(XD)的字型设定主题做了一些整理 原始文章:http://t7yang.blogspot.tw/2014/03/fx-font-render-settings.html 除了利用 Mactype 或 GDI++ 等成像软体来辅助字型的成像外,Firefox 其实也内建了字 型成像的选项供使用者调整。这些选项预设是停用的,知道的人可能相对较少,所以常常 就必须面临是否要放弃硬体加速来换 Mactype 成像的困境,但其实可以两全其美。 设定项目 选项 说明及建议 gfx.font_rendering.dir TRUE/FALSE 启用字型成像,必须启用後底下的设定才有 ectwrite.enabled 效果。 gfx.font_rendering.cle 1000~2200 Gamma 校正值,标准:Windows 2200、MAC artype_params.gamma 1800。 gfx.font_rendering.cle 0~1000 对比度,数值越高越锐利,字也会越粗。一 artype_params.enhanced 般建议落在 200~500 之间即可。 _contrast gfx.font_rendering.cle 0~100 ClearType 的强度,数值越高字越平滑, artype_params.cleartyp 但也可能越模糊。一般建议落在 50~80 e_level 之间即可。 0~100 gfx.font_rendering.cle 0 = Flat 液晶萤幕使用 RGB。 artype_params.pixel_ 1 = RGB structure 2 = BGR gfx.font_rendering.cle 0 = Default 成像模式,可以根据自己的系统反覆尝试何 artype_params.rendering 1 = Aliased 种模式最舒服,不须重新启动浏览器即可以 _mode 2 = GDI Classic 看到效果。 3 = GDI Natural Widths 其中「Default」、「Natural」、「Natural 4 = Natural Symmetric」是不错的选择。某些电脑在选择 5 = Natural 「Aliased」後介面文字可能会完全看不到。 Symmetric gfx.use_text_smoothing TRUE/FALSE 开启平滑设定 _setting 资料来源:http://blog.timshan.idv.tw/2013/06/howto.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 系统 上已取得更好的视觉享受,再此就不多做讨论。 中文字型的悲哀 从上图的「字型选择辅助图」可以清楚地看得出来,目前要找到一个符合「国字标准字体 」规范的无衬线字型,唯一的选择只有微软的「正黑体」,更别说「微软正黑体」在经历 了数代的更新之後仍存在许多问题(某些字在粗体显示时会在右边出现一个全型的中文空 格、多年来为人诟病的字重不够、显示小号文字时非常难看等)。 除了是因为整个中文世界缺乏优秀的字型开发商(这个问题可能跟字型容易被流传在网路 上且华人社会较没有付费购买字型的观念),作业系统厂商也较不愿意投资在中文字型的 打造上(尤其台湾市场太小,多数使用者对字型要求与认识也不高)。 备注: 本文只是简单针对 Firefox 内建的字型成像选项做了一些简单的整理与介绍,其中在字 型的选择上着墨比较多的是以 Windows 使用者的观点出发。若发现任何错误或不完整的 资讯,欢迎纠正和补足。 --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.113.73.123
1F:推 mayuyu:推推~~感谢整理! 我的系统有点奇怪 不管「可用时 03/03 18:56
2F:→ mayuyu:开启硬体加速」这个选项有没有勾选 03/03 18:56
3F:→ mayuyu:察看about:Support底下的「已启用 DirectWrite」 03/03 18:56
4F:→ mayuyu:永远都是true 不知道为什麽 03/03 18:56
这确实有点奇怪
5F:→ mayuyu:还有有些网页开硬体加速的话 画面的文字会等过一段 03/03 19:01
6F:→ mayuyu:时间才会被渲染加黑加粗 文字会由细变粗闪动一下 03/03 19:01
7F:→ mayuyu:不知道跟显示卡和驱动和微软的D2D系统补丁有没有影响 03/03 19:01
8F:→ mayuyu:也许每个人看到的效果会有些不太一样? 03/03 19:02
我的也会,Windows 8.1 N卡(其实我不喜欢N卡)
9F:→ mayuyu:gfx.font_rendering.cleartype_params.rendering_mode 03/03 19:02
10F:→ mayuyu:这个选default的话 firefox预设是小字体用Natural 03/03 19:02
11F:→ mayuyu:大字体自动用Natural Symmetric 03/03 19:02
12F:→ mayuyu:gfx.use_text_smoothing_setting这个设定是作用在OS X 03/03 19:02
13F:→ mayuyu:预设false的话会忽略OS X的设定 对任何字体大小都做AA 03/03 19:03
感谢补足说明 ※ 编辑: t7yang 来自: 140.113.73.123 (03/03 19:45)
14F:推 Kreen:推整理~虽然我用 Mactype XD 03/03 21:23
15F:推 hpo14:推 03/03 22:54
16F:推 chicagoboy:照这方式很努力去改 但改出来的字型就是没有用ezgdi来 03/04 00:25
17F:→ chicagoboy:得好看(我自己是用ezgdi) 为了迁就我自己的"文字控"习 03/04 00:26
18F:→ chicagoboy:惯 还是直接用渲染程式 因为硬体加不加速我也是无感.. 03/04 00:29
文内已经有稍微说明了,影响的因素有很多,当然想字型是 非常关键的因素,像微软正黑体因为字重不够,所以不管 你怎麽调都不会比 DroidSansFallback、冬青... 好看 这时就看你自己怎麽取舍了,对我来说,有时候会开启 一些很持资源的网站,这时效能的要求就体现出来了 所以我会牺牲 Mactype 的成像辅助 ※ 编辑: t7yang 来自: 140.113.73.123 (03/04 11:28)
19F:推 edos:chica大+1 浏览网页很少会遇到什麽吃资源的状况,我试过启动跟 03/04 12:37
20F:→ edos:关闭硬体加速去使用firefox各一天 结果是完全没有什麽差异感 03/04 12:38
21F:→ edos:另外用firefox内建渲染 上面讲的很多字体都有去试过 结果也是 03/04 12:39
22F:→ edos:没有直接用糖果或ezgdi来得好看(大概是我不会调吧?哈哈...) 03/04 12:39
23F:→ ek252:浏览网页100%时间要看到文字,但遇到狂吃资源的机会很少, 03/04 12:43
24F:→ ek252:根本比例原则我跟ch大一样会迁就长时间看文字的需求.. 03/04 12:43
25F:推 s8321414:附注:这些选项在Linux全部都没有,不过通常是去调桌面环 03/04 12:51
26F:→ s8321414:境的设定就可以了 03/04 12:51
27F:推 mayuyu:用正黑体看起来会非常糟糕 如果不要求字体正确 03/04 13:09
28F:→ mayuyu:又没有额外安装其他字型的话 用WIN7内建的雅黑 03/04 13:10
29F:→ mayuyu:(Microsoft YaHei)看起来都会比正黑稳重。 03/04 13:10
30F:→ mayuyu:字体非常重要 用字重不够的字体效果就会差额外的 03/04 13:10
31F:→ mayuyu:渲染软体差非常多 例如像糖果版的MacType也是用 03/04 13:10
32F:→ mayuyu:范例的第一张图的文泉驿微米黑字型 03/04 13:10
33F:→ mayuyu:文泉驿微米黑有开放免费下载 http://ppt.cc/Iv1B 03/04 13:11
34F:→ mayuyu:也有把信黑或冬青黑抽出来转成ttf字型的。 03/04 13:11
35F:→ mayuyu:所以只用微软正黑甚至是firefox预设的字体都没有调 03/04 13:11
36F:→ mayuyu:看起来一定会和渲染软体有非常大的差距。 03/04 13:11
37F:→ mayuyu:如果还是觉得笔画太细 记得要用字重一点的字型版本 03/04 13:11
38F:→ mayuyu:例如把W4换成W6 或者用userContent.css或者是安装 03/04 13:11
39F:→ mayuyu:Stylish写样式为字体加上加粗加阴影的效果。 03/04 13:12
40F:→ mayuyu:不过有些字型如果调太粗的话 其实笔画会黏在一起 03/04 13:12
41F:→ mayuyu:看起来要辨识其实是比较费力的 用在标题可能合适 03/04 13:12
42F:→ mayuyu:用在内文就不是一定越粗越好。 03/04 13:12
43F:→ mayuyu:反锯齿开太强造成字体边缘模糊也是反而不容易看清楚 03/04 13:12
44F:→ mayuyu:要诀是「要让眼睛没有任何一点感觉 需要花费额外 03/04 13:12
45F:→ mayuyu:聚焦的力气 要一眼望过去自然就理解那个文字 03/04 13:13
46F:→ mayuyu:是什麽字的这种程度」 03/04 13:13
47F:→ mayuyu:调成这样看起来才会最轻松 长时间阅读也不会累。 03/04 13:13
48F:→ mayuyu:另外要强迫所有网页都使用自订字型显示又不影响到 03/04 13:13
49F:→ mayuyu:图示字型的话 可以参考t7大写的这一篇 #1Hy5ptwx 03/04 13:13
50F:→ mayuyu:记得加上{}包起来 排除chrome和telnet才会生效 03/04 13:14
51F:→ mayuyu:不然BBSFox设定的字型会跟着跑掉。 03/04 13:14
52F:推 ja881213:推楼上 所以W6会糊在一起 所以加淡淡阴影是我的选择 03/05 18:04
53F:推 ja881213:可惜的是小字的辨识度能仍然不高 如FB有些复杂一点的字体 03/05 18:06
54F:推 ja881213:喔 对了 传一下我的文章 有分享Stylish样式喔 03/05 18:26
55F:推 ja881213:我个人不推微米黑 利用拼接的字体松散了点 一字一绘较佳 03/05 18:31
56F:→ t7yang:其实如果愿意牺牲效能用MACTYPE进行成像,用微软正黑体也 03/06 00:25
57F:→ t7yang:可以很漂亮,关键只在於你要自己去设定ini档的参数而已 03/06 00:26
58F:→ t7yang:我目前的系统就是这样弄的,只是Firefox有开HWA所以没效果 03/06 00:27
59F:推 richjf:效能感觉没差多少.字体可是要看很久.用mactype+冬青绝配! 03/10 23:00
60F:推 ipspro:太专业了 有空再试试看^^ 03/11 22:04
61F:→ hinajian: 感谢这篇帮忙~! 01/31 23:58







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:BabyMother站内搜寻

TOP