[-Fx-] Firefox 內建字型成像設定整理

[t7yang (t7: 我認為這是一種背叛)]

針對這篇文章 #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
推 mayuyu:推推～～感謝整理！ 我的系統有點奇怪 不管「可用時
→ mayuyu:開啟硬體加速」這個選項有沒有勾選
→ mayuyu:察看about:Support底下的「已啟用 DirectWrite」
→ mayuyu:永遠都是true 不知道為什麼
          這確實有點奇怪

→ mayuyu:還有有些網頁開硬體加速的話 畫面的文字會等過一段
→ mayuyu:時間才會被渲染加黑加粗 文字會由細變粗閃動一下
→ mayuyu:不知道跟顯示卡和驅動和微軟的D2D系統補丁有沒有影響
→ mayuyu:也許每個人看到的效果會有些不太一樣？
          我的也會，Windows 8.1 N卡（其實我不喜歡N卡）

→ mayuyu:gfx.font_rendering.cleartype_params.rendering_mode
→ mayuyu:這個選default的話 firefox預設是小字體用Natural
→ mayuyu:大字體自動用Natural Symmetric
→ mayuyu:gfx.use_text_smoothing_setting這個設定是作用在OS X
→ mayuyu:預設false的話會忽略OS X的設定 對任何字體大小都做AA
          感謝補足說明
※ 編輯: t7yang          來自: 140.113.73.123       (03/03 19:45)
推 Kreen:推整理～雖然我用 Mactype XD
推 hpo14:推
推 chicagoboy:照這方式很努力去改 但改出來的字型就是沒有用ezgdi來
→ chicagoboy:得好看(我自己是用ezgdi) 為了遷就我自己的"文字控"習
→ chicagoboy:慣 還是直接用渲染程式 因為硬體加不加速我也是無感..
              文內已經有稍微說明了，影響的因素有很多，當然想字型是
              非常關鍵的因素，像微軟正黑體因為字重不夠，所以不管
              你怎麼調都不會比 DroidSansFallback、冬青... 好看
              這時就看你自己怎麼取捨了，對我來說，有時候會開啟
              一些很持資源的網站，這時效能的要求就體現出來了
              所以我會犧牲 Mactype 的成像輔助
※ 編輯: t7yang          來自: 140.113.73.123       (03/04 11:28)
推 edos:chica大+1 瀏覽網頁很少會遇到什麼吃資源的狀況,我試過啟動跟
→ edos:關閉硬體加速去使用firefox各一天 結果是完全沒有什麼差異感
→ edos:另外用firefox內建渲染 上面講的很多字體都有去試過 結果也是
→ edos:沒有直接用糖果或ezgdi來得好看(大概是我不會調吧?哈哈...)
→ ek252:瀏覽網頁100%時間要看到文字,但遇到狂吃資源的機會很少,
→ ek252:根本比例原則我跟ch大一樣會遷就長時間看文字的需求..
推 s8321414:附註：這些選項在Linux全部都沒有，不過通常是去調桌面環
→ s8321414:境的設定就可以了
推 mayuyu:用正黑體看起來會非常糟糕 如果不要求字體正確
→ mayuyu:又沒有額外安裝其他字型的話 用WIN7內建的雅黑
→ mayuyu:(Microsoft YaHei)看起來都會比正黑穩重。
→ mayuyu:字體非常重要 用字重不夠的字體效果就會差額外的
→ mayuyu:渲染軟體差非常多 例如像糖果版的MacType也是用
→ mayuyu:範例的第一張圖的文泉驛微米黑字型
→ mayuyu:文泉驛微米黑有開放免費下載 http://ppt.cc/Iv1B
→ mayuyu:也有把信黑或冬青黑抽出來轉成ttf字型的。
→ mayuyu:所以只用微軟正黑甚至是firefox預設的字體都沒有調
→ mayuyu:看起來一定會和渲染軟體有非常大的差距。
→ mayuyu:如果還是覺得筆畫太細 記得要用字重一點的字型版本
→ mayuyu:例如把W4換成W6 或者用userContent.css或者是安裝
→ mayuyu:Stylish寫樣式為字體加上加粗加陰影的效果。
→ mayuyu:不過有些字型如果調太粗的話 其實筆畫會黏在一起
→ mayuyu:看起來要辨識其實是比較費力的 用在標題可能合適
→ mayuyu:用在內文就不是一定越粗越好。
→ mayuyu:反鋸齒開太強造成字體邊緣模糊也是反而不容易看清楚
→ mayuyu:要訣是「要讓眼睛沒有任何一點感覺 需要花費額外
→ mayuyu:聚焦的力氣 要一眼望過去自然就理解那個文字
→ mayuyu:是什麼字的這種程度」
→ mayuyu:調成這樣看起來才會最輕鬆 長時間閱讀也不會累。
→ mayuyu:另外要強迫所有網頁都使用自訂字型顯示又不影響到
→ mayuyu:圖示字型的話 可以參考t7大寫的這一篇 #1Hy5ptwx
→ mayuyu:記得加上{}包起來 排除chrome和telnet才會生效
→ mayuyu:不然BBSFox設定的字型會跟著跑掉。
推 ja881213:推樓上 所以W6會糊在一起 所以加淡淡陰影是我的選擇
推 ja881213:可惜的是小字的辨識度能仍然不高 如FB有些複雜一點的字體
推 ja881213:喔 對了 傳一下我的文章 有分享Stylish樣式喔
推 ja881213:我個人不推微米黑 利用拼接的字體鬆散了點 一字一繪較佳
→ t7yang:其實如果願意犧牲效能用MACTYPE進行成像，用微軟正黑體也
→ t7yang:可以很漂亮，關鍵只在於你要自己去設定ini檔的參數而已
→ t7yang:我目前的系統就是這樣弄的，只是Firefox有開HWA所以沒效果
推 richjf:效能感覺沒差多少.字體可是要看很久.用mactype+冬青絕配！
推 ipspro:太專業了 有空再試試看^^
→ hinajian: 感謝這篇幫忙～！