作者t7yang (t7: 我認為這是一種背叛)
看板Browsers
標題[-Fx-] Firefox 內建字型成像設定整理
時間Mon Mar 3 18:09:54 2014
針對這篇文章
#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
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