PTT數位生活區 / Browsers (瀏覽器)

[-Fx-] Firefox 53.0.2 字型渲染

看板Browsers (瀏覽器)作者 (csid)時間8年前 (2017/05/10 16:35), 8年前編輯推噓11(11推 0噓 96→)
留言107則, 8人參與, 最新討論串1/1
在52版，我有使用KillSerif Style強化字型顯示，但是升到53版後，發現一些問題： /* 文字陰影效果，開啟後會有文字加粗的感覺，粗度建議範圍 0.001~0.01em */ body { text-shadow:.... } 這段失效，陰影效果怎麼設定都不會出現，同時，如果將config內， gfx.font_rendering.cleartype_params.rendering_mode設為5， 也就是Natural Symmetric反鋸齒，頁面捲動會變得較為lag， 將rendering_mode設為預設值或是取消文字陰影捲動就正常了。 這原本在52版不會如此的。 我本身使用Pcx版，為了釐清問題，所以在VM換成官版，用全新的設定檔做測試， 還是一樣，所以可以確定是53版本身的問題，不知道53版到底改了什麼？ 想請問有沒有解決的辦法？ 還有一個問題，不知道什麼原因，在53版全新安裝Stylish， 無法新增或是網路安裝任何的Style... 另外，我使用的OS是Windows 7 x64 SP1，顯卡有支援D3D11。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.149.197 ※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1494405314.A.A6F.html
→
05/10 21:29, , 1F
53真的很可怕，我還是停在52.0.2就好了哦
05/10 21:29, 1F
→
05/10 21:30, , 2F
Lazarus不支援，IDM不穩定，字體怪異…一堆…
05/10 21:30, 2F
→
05/10 21:33, , 3F
之後還有個57，FX前途多難
05/10 21:33, 3F
推
05/11 08:29, , 4F
Mactype在54beta版反而沒問題
05/11 08:29, 4F
推
05/11 10:22, , 5F
請愛用 ESR 版，目前是 52.1.1
05/11 10:22, 5F
推
05/11 11:13, , 6F
53我覺得單用-webkit-text-stroke的效果會比用text-shado
05/11 11:13, 6F
→
05/11 11:14, , 7F
w的效果要好 後者在小字的狀況下還蠻災難的 擠成一團
05/11 11:14, 7F
→
05/11 11:45, , 8F
OK，之後會替換成text-stroke
05/11 11:45, 8F
推
05/11 13:33, , 9F
如果要用舊版 建議換成ESR頻道 才能跟上安全性更新
05/11 13:33, 9F
→
05/11 13:33, , 10F
擴展不能使用的話 建議更換擴展 或者請求擴展作者更新
05/11 13:33, 10F
→
05/11 13:33, , 11F
瀏覽器有重大革新的時候總會有陣痛期
05/11 13:33, 11F
→
05/11 13:34, , 12F
GC廢除NPAPI的時候也是有很重大的擴展不能繼續使用
05/11 13:34, 12F
→
05/11 13:34, , 13F
然而GC現在還是活得好好的 沒有因為擴展不能使用而消失
05/11 13:34, 13F
→
05/11 13:34, , 14F
原PO在網址列輸入about:Support
05/11 13:34, 14F
→
05/11 13:34, , 15F
檢查「圖形」底下「合成」「Direct2D」「DirectWrite」
05/11 13:34, 15F
→
05/11 13:34, , 16F
這幾個項目顯示的狀態 檢查顯示卡驅動程式是否相容
05/11 13:34, 16F
→
05/11 13:35, , 17F
檢查GPU子程序有沒有啟用
05/11 13:35, 17F
我並沒啟動e10s，除此之外，其他部分部分我檢查過，應該是沒問題的，如下： http://i.imgur.com/CFrVDub.png
後來索性把設定檔砍掉重建，就正常了， 但是text-shadow開啟狀態捲動順暢度會降的問題還是存在， 字也如同上幾篇文章反映的，比52版要細，稍微難看些。 -webkit-text-stroke我也試過，但是有兩個問題，一是字比較小時， 有邊緣渲染溢出的狀況，二是反白時stroke描繪的邊緣沒有隨著反白一起變色， 這兩狀況如下圖： http://i.imgur.com/bWoMIj8.png
這一樣是在Natural Symmetric反鋸齒狀況下，字型為Noto Sans CJK TC， 我不清楚是我個人電腦的問題還是其他原因？ ※ 編輯: csid (220.133.149.197), 05/11/2017 19:50:31
推
05/11 20:47, , 18F
我覺得是 Natural Symmetric 的鍋，我有一台舊筆電調那個餐
05/11 20:47, 18F
→
05/11 20:47, , 19F
數以後就變 lag 了。
05/11 20:47, 19F
其實我經過交叉測試，只要是Natural Symmetric + text-shadow，順暢度就會降， 關掉其中一個就正常了，但是這問題在52版是沒有的， 本來想改用-webkit-text-stroke，但是邊緣溢出在某些日文下特別嚴重，影響閱讀。 這個在字型2017那篇好像有人提過，似乎沒有解決... ※ 編輯: csid (220.133.149.197), 05/11/2017 21:03:08
推
05/11 21:18, , 20F
字體渲染比較細的問題54版會修正
05/11 21:18, 20F
→
05/11 21:18, , 21F
Natural Symmetric的問題我沒有遇到
05/11 21:18, 21F
→
05/11 21:18, , 22F
你用預設值(-1)也會發生問題嗎？
05/11 21:18, 22F
→
05/11 21:19, , 23F
我這裡用-1預設就是Natural Symmetric
05/11 21:19, 23F
→
05/11 21:19, , 24F
所以沒有特別設置為5 在WIN10底下會有其他渲染模式
05/11 21:19, 24F
→
05/11 21:19, , 25F
所以建議不要更動用-1就好
05/11 21:19, 25F
→
05/11 21:19, , 26F
因為53版預設是啟用GPU子程序的
05/11 21:19, 26F
→
05/11 21:19, , 27F
但是因為你關掉e10s 所以可能會有一些預期外的問題
05/11 21:19, 27F
→
05/11 21:19, , 28F
text-stroke的溢出 是指字體有毛邊的現象嗎？
05/11 21:19, 28F
→
05/11 21:20, , 29F
如果把字體調整大一點(在Fx字型設定裡把最小字體調大)
05/11 21:20, 29F
→
05/11 21:20, , 30F
還會有毛邊的現象嗎？
05/11 21:20, 30F
→
05/11 21:24, , 31F
啊 溢出的問題 你是指字體會有分離的二重影像嗎？
05/11 21:24, 31F
推
05/11 21:46, , 32F
那一台筆電改回 -1 就好了，神奇～ 反而新的筆電改這參數也
05/11 21:46, 32F
→
05/11 21:46, , 33F
不會 lag= =
05/11 21:46, 33F
To mayuyu:對，就是分離的二重影現象，如同我上面的圖，日文在特定情形下會很嚴重， 另外還有反白的問題如上面的圖... 還有e10s我也想開啟，順暢度和沒開是不能比擬的， 可是flashgot和新版的同文堂還是有些問題，在未解決之前實在沒辦法啟用... Natural Symmetric那部份我設回-1試試，不曉得在win7上的差異是如何？ -------------------------------- 我剛剛試了一下，用-1後在小字型下英文字型變得不好看， 我記得以前好像有人提過用預設值的狀況下，小字型的英文會改用GDI渲染？ ※ 編輯: csid (220.133.149.197), 05/11/2017 22:00:56
→
05/11 22:08, , 34F
分離的二重影像是DW的bug 請重新啟動系統就會恢復正常
05/11 22:08, 34F
→
05/11 22:09, , 35F
text-stroke的優點是可以把字體加得非常粗而不會像
05/11 22:09, 35F
→
05/11 22:09, , 36F
text-shadow會變得模糊 字體可以保持非常銳利
05/11 22:09, 36F
還有 33 則推文
還有 2 段內文
→
05/12 01:02, , 70F
2. 關掉D2D之後 將
05/12 01:02, 70F
→
05/12 01:02, , 71F
gfx.font_rendering.directwrite.force-enabled
05/12 01:02, 71F
→
05/12 01:02, , 72F
強制設為true 看看渲染是否正確
05/12 01:02, 72F
→
05/12 01:03, , 73F
3. 開啟D2D和DW的狀態下 在CCS裡加入
05/12 01:03, 73F
→
05/12 01:03, , 74F
transform: rotate(0.001deg);
05/12 01:03, 74F
→
05/12 01:03, , 75F
img {
05/12 01:03, 75F
→
05/12 01:03, , 76F
transform: rotate(0deg)!important;
05/12 01:03, 76F
→
05/12 01:03, , 77F
}
05/12 01:03, 77F
→
05/12 01:03, , 78F
看看有沒有變化
05/12 01:03, 78F
推
05/12 01:31, , 79F
我擔心上面的旋轉角度太小了測不出來 改大一點好了
05/12 01:31, 79F
→
05/12 01:31, , 80F
transform: rotate(0.05deg);
05/12 01:31, 80F
→
05/12 01:31, , 81F
甚至再更大一點 總之讓文字旋轉一個角度
05/12 01:31, 81F
→
05/12 01:31, , 82F
盡量大一點 試試看這樣渲染會不會突然恢復正常
05/12 01:31, 82F
mayuyu大，使用0.001deg之後疊影就消失了，可是一旦拿掉旋轉這段， 疊影的問題又回來了，這是字型快取的問題嗎？ 我試著清掉字型快取後重開機，問題依舊.... ※ 編輯: csid (218.166.132.156), 05/12/2017 03:24:22
→
05/12 20:24, , 83F
抱歉我用推文回覆
05/12 20:24, 83F
→
05/12 20:25, , 84F
喔喔！ 成功了！ 那麼就請繼續保留這段旋轉的樣式w
05/12 20:25, 84F
→
05/12 20:25, , 85F
你可以測試更小的角度 譬如說-0.0000000001deg
05/12 20:25, 85F
→
05/12 20:25, , 86F
看能不能用更小的角度消除這個bug
05/12 20:25, 86F
→
05/12 20:25, , 87F
旋轉極微小的角度 肉眼完全不會有感覺
05/12 20:25, 87F
→
05/12 20:25, , 88F
不會影響到閱讀的請放心
05/12 20:25, 88F
→
05/12 20:25, , 89F
而大一點的角度 會讓字體變得較平滑
05/12 20:25, 89F
→
05/12 20:25, , 90F
有些人是選擇取消text-shadow和text-stroke
05/12 20:25, 90F
→
05/12 20:26, , 91F
只用比較大角度的rotate來平滑字型(不建議這樣做)
05/12 20:26, 91F
→
05/12 20:26, , 92F
這個旋轉同時會讓Windows停用對字型的Grid-fitting
05/12 20:26, 92F
→
05/12 20:26, , 93F
使用DW的情況下 關閉Grid-fitting會取得較好的渲染效果
05/12 20:26, 93F
→
05/12 20:26, , 94F
所以旋轉不但可以消除bug 對於字體渲染會更有幫助
05/12 20:26, 94F
→
05/12 20:26, , 95F
不過這段CSS的缺點是對整個網頁都進行旋轉
05/12 20:26, 95F
→
05/12 20:26, , 96F
(CSS裡有鎖住圖片不旋轉才沒有造成圖片模糊)
05/12 20:26, 96F
→
05/12 20:27, , 97F
可能會影響渲染的效能
05/12 20:27, 97F
→
05/12 20:28, , 98F
如果使用的是WIN7 而且防毒軟體不是avast的話
05/12 20:28, 98F
→
05/12 20:28, , 99F
我建議安裝MacType和MacType的日文補丁
05/12 20:28, 99F
→
05/12 20:28, , 100F
(不建議avast是因為avast會和MacType相衝突)
05/12 20:28, 100F
→
05/12 20:28, , 101F
05/12 20:28, 101F
→
05/12 20:28, , 102F
安裝MacType後按照說明替換補丁
05/12 20:28, 102F
→
05/12 20:28, , 103F
開啟UserParams.ini設定檔 修改ForceNoHinting = 1
05/12 20:28, 103F
→
05/12 20:28, , 104F
使用補丁的好處是補丁只針對DW渲染的字體作旋轉
05/12 20:28, 104F
→
05/12 20:29, , 105F
而不用旋轉整個網頁 效率可能會比較好
05/12 20:29, 105F
→
05/12 20:29, , 106F
不過現在都用GPU加速 基本上應該是無感
05/12 20:29, 106F
→
05/12 20:29, , 107F
可能不會覺得效能有什麼變化
05/12 20:29, 107F
旋轉角度不能設太小，疊影還是會跑回來，0.0001差不多，某些網頁(例如巴哈)， 的寫法會排版跑掉....這個問題不知道Firefox之後會不會修， 還是就是單純win7沒救了這樣，總之感謝mayuyu大陪我屁了這麼多XD ※ 編輯: csid (220.133.149.197), 05/12/2017 23:54:53
‣ 更多 csid 的文章
文章代碼(AID): #1P4j32fl (Browsers)
Browsers 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 csid 的文章
文章代碼(AID): #1P4j32fl (Browsers)