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

看板Browsers (瀏覽器)作者 (t7: 我認為這是一種背叛)時間12年前 (2014/03/03 18:10), 編輯推噓13(13048)
留言61則, 12人參與, 最新討論串1/3 (看更多)
針對這篇文章 #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

03/03 18:56, , 1F
推推~~感謝整理! 我的系統有點奇怪 不管「可用時
03/03 18:56, 1F

03/03 18:56, , 2F
開啟硬體加速」這個選項有沒有勾選
03/03 18:56, 2F

03/03 18:56, , 3F
察看about:Support底下的「已啟用 DirectWrite」
03/03 18:56, 3F

03/03 18:56, , 4F
永遠都是true 不知道為什麼
03/03 18:56, 4F
這確實有點奇怪

03/03 19:01, , 5F
還有有些網頁開硬體加速的話 畫面的文字會等過一段
03/03 19:01, 5F

03/03 19:01, , 6F
時間才會被渲染加黑加粗 文字會由細變粗閃動一下
03/03 19:01, 6F

03/03 19:01, , 7F
不知道跟顯示卡和驅動和微軟的D2D系統補丁有沒有影響
03/03 19:01, 7F

03/03 19:02, , 8F
也許每個人看到的效果會有些不太一樣?
03/03 19:02, 8F
我的也會,Windows 8.1 N卡(其實我不喜歡N卡)

03/03 19:02, , 9F
gfx.font_rendering.cleartype_params.rendering_mode
03/03 19:02, 9F

03/03 19:02, , 10F
這個選default的話 firefox預設是小字體用Natural
03/03 19:02, 10F

03/03 19:02, , 11F
大字體自動用Natural Symmetric
03/03 19:02, 11F

03/03 19:02, , 12F
gfx.use_text_smoothing_setting這個設定是作用在OS X
03/03 19:02, 12F

03/03 19:03, , 13F
預設false的話會忽略OS X的設定 對任何字體大小都做AA
03/03 19:03, 13F
感謝補足說明 ※ 編輯: t7yang 來自: 140.113.73.123 (03/03 19:45)

03/03 21:23, , 14F
推整理~雖然我用 Mactype XD
03/03 21:23, 14F

03/03 22:54, , 15F
03/03 22:54, 15F

03/04 00:25, , 16F
照這方式很努力去改 但改出來的字型就是沒有用ezgdi來
03/04 00:25, 16F

03/04 00:26, , 17F
得好看(我自己是用ezgdi) 為了遷就我自己的"文字控"習
03/04 00:26, 17F

03/04 00:29, , 18F
慣 還是直接用渲染程式 因為硬體加不加速我也是無感..
03/04 00:29, 18F
文內已經有稍微說明了,影響的因素有很多,當然想字型是 非常關鍵的因素,像微軟正黑體因為字重不夠,所以不管 你怎麼調都不會比 DroidSansFallback、冬青... 好看 這時就看你自己怎麼取捨了,對我來說,有時候會開啟 一些很持資源的網站,這時效能的要求就體現出來了 所以我會犧牲 Mactype 的成像輔助 ※ 編輯: t7yang 來自: 140.113.73.123 (03/04 11:28)

03/04 12:37, , 19F
chica大+1 瀏覽網頁很少會遇到什麼吃資源的狀況,我試過啟動跟
03/04 12:37, 19F

03/04 12:38, , 20F
關閉硬體加速去使用firefox各一天 結果是完全沒有什麼差異感
03/04 12:38, 20F

03/04 12:39, , 21F
另外用firefox內建渲染 上面講的很多字體都有去試過 結果也是
03/04 12:39, 21F

03/04 12:39, , 22F
沒有直接用糖果或ezgdi來得好看(大概是我不會調吧?哈哈...)
03/04 12:39, 22F

03/04 12:43, , 23F
瀏覽網頁100%時間要看到文字,但遇到狂吃資源的機會很少,
03/04 12:43, 23F

03/04 12:43, , 24F
根本比例原則我跟ch大一樣會遷就長時間看文字的需求..
03/04 12:43, 24F

03/04 12:51, , 25F
附註:這些選項在Linux全部都沒有,不過通常是去調桌面環
03/04 12:51, 25F

03/04 12:51, , 26F
境的設定就可以了
03/04 12:51, 26F

03/04 13:09, , 27F
用正黑體看起來會非常糟糕 如果不要求字體正確
03/04 13:09, 27F

03/04 13:10, , 28F
又沒有額外安裝其他字型的話 用WIN7內建的雅黑
03/04 13:10, 28F

03/04 13:10, , 29F
(Microsoft YaHei)看起來都會比正黑穩重。
03/04 13:10, 29F

03/04 13:10, , 30F
字體非常重要 用字重不夠的字體效果就會差額外的
03/04 13:10, 30F

03/04 13:10, , 31F
渲染軟體差非常多 例如像糖果版的MacType也是用
03/04 13:10, 31F

03/04 13:10, , 32F
範例的第一張圖的文泉驛微米黑字型
03/04 13:10, 32F

03/04 13:11, , 33F
文泉驛微米黑有開放免費下載 http://ppt.cc/Iv1B
03/04 13:11, 33F

03/04 13:11, , 34F
也有把信黑或冬青黑抽出來轉成ttf字型的。
03/04 13:11, 34F

03/04 13:11, , 35F
所以只用微軟正黑甚至是firefox預設的字體都沒有調
03/04 13:11, 35F

03/04 13:11, , 36F
看起來一定會和渲染軟體有非常大的差距。
03/04 13:11, 36F

03/04 13:11, , 37F
如果還是覺得筆畫太細 記得要用字重一點的字型版本
03/04 13:11, 37F

03/04 13:11, , 38F
例如把W4換成W6 或者用userContent.css或者是安裝
03/04 13:11, 38F

03/04 13:12, , 39F
Stylish寫樣式為字體加上加粗加陰影的效果。
03/04 13:12, 39F

03/04 13:12, , 40F
不過有些字型如果調太粗的話 其實筆畫會黏在一起
03/04 13:12, 40F

03/04 13:12, , 41F
看起來要辨識其實是比較費力的 用在標題可能合適
03/04 13:12, 41F

03/04 13:12, , 42F
用在內文就不是一定越粗越好。
03/04 13:12, 42F

03/04 13:12, , 43F
反鋸齒開太強造成字體邊緣模糊也是反而不容易看清楚
03/04 13:12, 43F

03/04 13:12, , 44F
要訣是「要讓眼睛沒有任何一點感覺 需要花費額外
03/04 13:12, 44F

03/04 13:13, , 45F
聚焦的力氣 要一眼望過去自然就理解那個文字
03/04 13:13, 45F

03/04 13:13, , 46F
是什麼字的這種程度」
03/04 13:13, 46F

03/04 13:13, , 47F
調成這樣看起來才會最輕鬆 長時間閱讀也不會累。
03/04 13:13, 47F

03/04 13:13, , 48F
另外要強迫所有網頁都使用自訂字型顯示又不影響到
03/04 13:13, 48F

03/04 13:13, , 49F
圖示字型的話 可以參考t7大寫的這一篇 #1Hy5ptwx
03/04 13:13, 49F

03/04 13:14, , 50F
記得加上{}包起來 排除chrome和telnet才會生效
03/04 13:14, 50F

03/04 13:14, , 51F
不然BBSFox設定的字型會跟著跑掉。
03/04 13:14, 51F

03/05 18:04, , 52F
推樓上 所以W6會糊在一起 所以加淡淡陰影是我的選擇
03/05 18:04, 52F

03/05 18:06, , 53F
可惜的是小字的辨識度能仍然不高 如FB有些複雜一點的字體
03/05 18:06, 53F

03/05 18:26, , 54F
喔 對了 傳一下我的文章 有分享Stylish樣式喔
03/05 18:26, 54F

03/05 18:31, , 55F
我個人不推微米黑 利用拼接的字體鬆散了點 一字一繪較佳
03/05 18:31, 55F

03/06 00:25, , 56F
其實如果願意犧牲效能用MACTYPE進行成像,用微軟正黑體也
03/06 00:25, 56F

03/06 00:26, , 57F
可以很漂亮,關鍵只在於你要自己去設定ini檔的參數而已
03/06 00:26, 57F

03/06 00:27, , 58F
我目前的系統就是這樣弄的,只是Firefox有開HWA所以沒效果
03/06 00:27, 58F

03/10 23:00, , 59F
效能感覺沒差多少.字體可是要看很久.用mactype+冬青絕配!
03/10 23:00, 59F

03/11 22:04, , 60F
太專業了 有空再試試看^^
03/11 22:04, 60F

01/31 23:58, , 61F
感謝這篇幫忙~!
01/31 23:58, 61F
文章代碼(AID): #1J55Jxjy (Browsers)
文章代碼(AID): #1J55Jxjy (Browsers)