Re: [字型] WIN10的瀏覽器字體渲染

看板Browsers作者mayuyu (卒業おめでとう!)時間6年前 (2018/03/22 18:11)推噓3(3推 0噓 12→)

留言15則, 6人參與討論串2/2 (看更多)

: 推 aiwheat: 官方新版20170628和糖果版的20170628都算蠻定的了， 03/19 20:12 : → aiwheat: 字體大小就要System Font Size Changer 來修改 03/19 20:13 : → aiwheat: 糖果版的是全面渲染，只是沒法用外部軟體改字體大小 03/19 20:13 : 推 aiwheat: Firefox52版以後要再修改，https://tinyurl.com/y9y99zmj 03/19 20:17 我試用了糖果版，糖果版是用MacType_2017_0628 + MacType Patch 渲染的。 DirectWrite的部分不使用MacType_2017_0628處理（MacType.ini裡有設定DirectWrite=0），而是用MacType Patch處理（DW的渲染參數由MacType Patch的UserParams.ini決定， UserParams.ini裡有設定GridFitMode = 1，關閉系統的gridfitting，所以DW渲染會很漂亮）。糖果版說的可以渲染UWP的字體是因為替換了系統的正黑UI字型，糖果版修改了registry，將系統字型連結替換為糖果版的字型， WIN10x64下的位置在： Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Microsoft\Windows NT\CurrentVersion\Fonts] "Microsoft JhengHei & Microsoft JhengHei UI (TrueType)"="C:\\Program Files\\MacType\\fonts\\msjh_fix.ttc" "Microsoft JhengHei Bold & Microsoft JhengHei UI Bold (TrueType)"="C:\\Program Files\\MacType\\fonts\\msjhbd_fix.ttc" "Microsoft JhengHei Light & Microsoft JhengHei UI Light (TrueType)"="C:\\Program Files\\MacType\\fonts\\msjhl_fix.ttc" [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts] "Microsoft JhengHei & Microsoft JhengHei UI (TrueType)"="C:\\Program Files\\MacType\\fonts\\msjh_fix.ttc" "Microsoft JhengHei Bold & Microsoft JhengHei UI Bold (TrueType)"="C:\\Program Files\\MacType\\fonts\\msjhbd_fix.ttc" "Microsoft JhengHei Light & Microsoft JhengHei UI Light (TrueType)"="C:\\Program Files\\MacType\\fonts\\msjhl_fix.ttc" msjh_fix.ttc是糖果版修改過的正黑&正黑UI字型，看起來比原版的正黑粗了大約二～三個字重，介於次粗～粗體之間，可能是用FontForge或FontLab的插值計算直接加粗處理的。原版正黑UI常規 https://i.imgur.com/Lea6QBH.png

糖果版正黑UI常規 https://i.imgur.com/buKVMb3.png

不過直接加粗的效果不太好，通常還需要人工手動調整，否則筆畫比較密集的字體，直接加粗後筆畫會黏在一起，反而變得難以辨識，閱讀起來會更吃力。原版正黑UI粗體 https://i.imgur.com/SU0ubmZ.png

糖果版正黑UI粗體 https://i.imgur.com/YtANEs3.png

糖果版正黑開奇摩新聞首頁 https://i.imgur.com/71TAZML.png

右邊的新聞標題「最新世界排名出爐」和「最新情侶畫報」可以看到「爐」「戴」「畫」三個粗體字在DW渲染下的效果。我覺得太粗了一點，可能只加一個字重到Medium會比較剛好。其實瀏覽器加粗用CSS就好，只是系統要加粗，或者要考慮到UWP下的顯示效果（UWP的DW效果和桌面的DW效果又不一樣），很難面面俱到，有些地方太粗，有些地方可能又不夠粗。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.219.36.56 ※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1521713506.A.C59.html

推

aiwheat

03/22 23:53, 6年前 , 1^F

03/22 23:53, 1^F

→

aiwheat

03/22 23:54, 6年前 , 2^F

03/22 23:54, 2^F

→

aiwheat

03/22 23:55, 6年前 , 3^F

03/22 23:55, 3^F