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

看板Browsers (瀏覽器)作者t7yang (t7: 我認為這是一種背叛)時間9年前 (2016/04/03 22:00)推噓16(16推 0噓 137→)

留言153則, 12人參與討論串2/3 (看更多)

這篇算是針對我之前的文章又做了一次補完讓文章的整體性更強，從內建字型成像設定說明到字型選擇、使用者樣式解決泛東亞字型顯示一致性（目前只有做到中文部分，未來或許會擴充）一次過整合在同一篇文章內 ※ 引述《t7yang (t7: 我認為這是一種背叛)》之銘言：針對這篇文章 #1J4fUnkT(Browsers) 討論到完全偏掉（XD）的字型設定主題做了一些整理原始文章：http://t7yang.blogspot.tw/2014/03/fx-font-render-settings.html 除了利用 Mactype 或 GDI++ 等成像軟體來輔助字型的成像外，Firefox 其實也內建了字型成像的選項供使用者調整。這些選項預設是停用的，知道的人可能相對較少，所以常常就必須面臨是否要放棄硬體加速來換 Mactype 成像的困境，但其實可以兩全其美。選項說明及建議 gfx.font_rendering.directwrite.enabled TRUE／FALSE 啟用字型成像，必須啟用後底下的設定才有效果 gfx.font_rendering.cleartype_params.pixel_structure 0 = Flat 像素結構，液晶螢幕使用1（RGB） 1 = RGB 2 = BGR gfx.font_rendering.cleartype_params.gamma 2200 / 1800 Gamma 校正值，標準：Windows 2200、MAC 1800 gfx.font_rendering.cleartype_params.cleartype_level 0～100 ClearType 的強度，數值越高字越平滑，但也可能越模糊。一般建議落在 50～80之間即可。 gfx.font_rendering.cleartype_params.enhanced_contrast 0～1000 對比度，數值越高越銳利，字也會越粗。一般建議落在 200～500之間即可。 gfx.font_rendering.cleartype_params.rendering_mode 0 = Default 成像模式，可以根據自己的系統反覆嘗試何種模式最舒服， 1 = Aliased 不須重新啟動瀏覽器即可以看到效果 2 = GDI Classic 3 = GDI Natural Widths 其中「Default」、「Natural」、「Natural 4 = Natural Symmetric」是不錯的選擇。某些電腦在選擇 5 = Natural 「Aliased」後介面文字可能會完全看不到。 Symmetric gfx.font_rendering.cleartype_params.force_gdi_classic_for_families 字型名稱這個清單的字型會強制使用傳統GDI的方式成像，某些較適合使用GDI進行成像的字型可以加入這個清單 gfx.font_rendering.cleartype_params.force_gdi_classic_max_size 數字強制使用傳統GDI方式成像的最大大小，應該跟上一個選項是連動的 gfx.use_text_smoothing_setting TRUE／FALSE 開啟平滑設定（用於 Mac 系統） gfx.font_rendering.cleartype.always_use_for_content TRUE / FALSE 對所有內容啟用ClearType成像 browser.display.auto_quality_min_font_size 數字決定在哪個字級以上使用高品質成像（註1、註2）註1：http://kb.mozillazine.org/Browser.display.auto_quality_min_font_size 註2：https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering 基於篇幅的因素，更多細節說明請參考O2FP頁面的［內建設定］->字型效果分類 O2FP傳送門：https://goo.gl/bv6hW 參考來源： http://blog.timshan.idv.tw/2013/06/howto.html https://addons.mozilla.org/zh-tw/firefox/addon/anti-aliasing-tuner/ http://mikawaffle.blogspot.tw/2012/02/firefox.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 系統上已取得更好的視覺享受，再此就不多做討論。套用KillSerif Style補完最後的拼圖設定好文字成像之後，接著還必須處理瀏覽器以甚麼字型來顯示。在螢幕顯示的情況，無襯線體的顯示效果要優於襯線體，因此黑體或圓體這類無襯線體是較好的選擇。但Firefox本身並沒有針對泛東亞使用者最佳化顯示字型的設定。因為僅透過內建字型設定並不能有效的讓泛東亞字型的顯示有一致性，就算開發團隊解決了圖示字型與文字字型分離設定的問題，但並不因為使得泛東亞字型的設定變得可接受。所以，目前仍需要藉助外部的力量進行調整。KillSerif Style或許是其中一個目前最佳的選擇，仔細閱讀它的使用指南，根據你的使用的瀏覽器進行設定，搭配上述的內建設定，你應該可以取得最接近理想的顯示效果。 KillSerif Style傳送門：https://userstyles.org/styles/111687/killserif-style 中文字型的悲哀從上圖的「字型選擇輔助圖」可以清楚地看得出來，目前要找到一個符合「國字標準字體」規範的無襯線字型，唯一的選擇只有微軟的「正黑體」，更別說「微軟正黑體」在經歷了數代的更新之後仍存在許多問題（某些字在粗體顯示時會在右邊出現一個全型的中文空格、多年來為人詬病的字重不夠、顯示小號文字時非常難看等），這也造成許多使用者寧願放棄符合國字標準字體的微軟正黑體，而選擇敵國的開放的文泉驛黑體。除了是因為整個中文世界缺乏優秀的字型開發商（這個問題可能跟字型容易被流傳在網路上且華人社會較沒有付費購買字型的觀念有關），作業系統廠商也較不願意投資在中文字型的打造上（尤其台灣市場太小，多數使用者對字型要求與認識也不高）。備註：本文只是簡單針對 Firefox 內建的字型成像選項做了一些簡單的整理與介紹，其中在字型的選擇上著墨比較多的是以 Windows 使用者的觀點出發。若發現任何錯誤或不完整的資訊，歡迎糾正和補足。整理完後發現文章好像真的太長了，需要關照一下懶人 1. 按照每個設定調整，通常有給建議值是甚麼。gdi_classic的部分如果不需要就放著不需要管。很多人喜歡文字要夠黑，關鍵就在對比提升的數值，越高就越粗。 2. 安裝Stylish套件 3. 安裝KillSerif Style。仔細閱讀相關的使用指南，主要是內建字型設定，把對應的字型設定到KillSerif Style中（如果是預設的微軟正黑體就不用設定） 4. 享受你的Firefox帶來的視覺饗宴 Q: 有沒有更懶的方法？ A: 有，直接安裝 Anti Aliasing Tuner，內建成像設定那部分直接有圖形介面。 Q: 還是很麻煩，有沒有更懶的方法？ A: 有，買一台尊爵不凡的MAC，然後望向我們這群還需要自己手動調整的使用者說：魯蛇 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.113.38.77 ※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1459692011.A.C3B.html ※ 編輯: t7yang (140.113.38.77), 04/03/2016 22:02:47

推

jmlntw

04/03 22:08, , 1^F

04/03 22:08, 1^F

→

jmlntw

04/03 22:08, , 2^F

04/03 22:08, 2^F

推

hsparrot

04/03 22:16, , 3^F

04/03 22:16, 3^F

→