[-Fx-] Firefox 53.0.2 字型渲染

作者: csid (csid)   2017-05-10 16:35:12
在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。
作者: share8426 (share8426)   2017-05-10 21:29:00
53真的很可怕,我還是停在52.0.2就好了哦Lazarus不支援,IDM不穩定,字體怪異…一堆…之後還有個57,FX前途多難
作者: abramtw (世界原來是如此耀眼啊)   2017-05-11 08:29:00
Mactype在54beta版反而沒問題
作者: mstar (Wayne Su)   2017-05-11 10:22:00
請愛用 ESR 版,目前是 52.1.1
作者: Wcw5504 (五月雨)   2017-05-11 11:13:00
53我覺得單用-webkit-text-stroke的效果會比用text-shadow的效果要好 後者在小字的狀況下還蠻災難的 擠成一團
作者: t7yang (t7: 我認為這是一種背叛)   2017-05-11 11:45:00
OK,之後會替換成text-stroke
作者: mayuyu ((・ω・)ノ)   2017-05-11 13:33:00
如果要用舊版 建議換成ESR頻道 才能跟上安全性更新擴展不能使用的話 建議更換擴展 或者請求擴展作者更新瀏覽器有重大革新的時候總會有陣痛期GC廢除NPAPI的時候也是有很重大的擴展不能繼續使用然而GC現在還是活得好好的 沒有因為擴展不能使用而消失原PO在網址列輸入about:Support檢查「圖形」底下「合成」「Direct2D」「DirectWrite」這幾個項目顯示的狀態 檢查顯示卡驅動程式是否相容檢查GPU子程序有沒有啟用
作者: Kreen (每天要更優秀一點)   2017-05-11 20:47:00
我覺得是 Natural Symmetric 的鍋,我有一台舊筆電調那個餐數以後就變 lag 了。
作者: mayuyu ((・ω・)ノ)   2017-05-11 21:18:00
字體渲染比較細的問題54版會修正Natural Symmetric的問題我沒有遇到你用預設值(-1)也會發生問題嗎?我這裡用-1預設就是Natural Symmetric所以沒有特別設置為5 在WIN10底下會有其他渲染模式所以建議不要更動用-1就好因為53版預設是啟用GPU子程序的但是因為你關掉e10s 所以可能會有一些預期外的問題text-stroke的溢出 是指字體有毛邊的現象嗎?如果把字體調整大一點(在Fx字型設定裡把最小字體調大)還會有毛邊的現象嗎?啊 溢出的問題 你是指字體會有分離的二重影像嗎?
作者: Kreen (每天要更優秀一點)   2017-05-11 21:46:00
那一台筆電改回 -1 就好了,神奇~ 反而新的筆電改這參數也不會 lag= =
作者: mayuyu ((・ω・)ノ)   2017-05-11 22:08:00
分離的二重影像是DW的bug 請重新啟動系統就會恢復正常text-stroke的優點是可以把字體加得非常粗而不會像text-shadow會變得模糊 字體可以保持非常銳利但是缺點就是選取文字的時候描邊的顏色無法跟著反白可以試著調整反白的顏色讓選取文字的時候看起來清楚一點例如::-moz-selection{background:#b3d4fd;color:#333;/*background:Highlight;color:HighlightText;*/}不過效果可能有限英文字型被使用GDI渲染的問題 調整下面的參數gfx.font_rendering.cleartype_params.force_gdi_classic_max_size預設好像是15 改成12以下試試?
作者: hohiyan (海洋)   2017-05-11 23:18:00
我用win10也是會有疊字的問題
作者: mayuyu ((・ω・)ノ)   2017-05-11 23:57:00
重開機也沒辦法解決就麻煩了 那是描邊的時候沒有對齊正確的位移造成的 這下子... 再重開機一次試試;;停用Direct2D 然後再開啟試試看 about:configgfx.direct2d.disabled -> true在53下沒開e10s也可能會發生問題 改用Fx52也會這樣嗎?嗯..你有裝日版補丁的MacType嗎?還有顯示卡驅動也可能是原因之一 更新或者倒退回舊版有時候也可以解決問題最後再試試看Fx54beta版 Fx54有解決一些GPU渲染的bug不確定能不能幫助你修復這個問題我這裡看你的網頁渲染是正常的http://i.imgur.com/p4CfMCF.png我沒有遇過二重疊影的問題 不過我知道有這個bug而重開機清掉字型的快取通常可以解決對了上面擷圖所使用的樣式-webkit-text-stroke-width: 0.1px;text-shadow: 0 0 1px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.01), 0 0 3px rgba(0,0,0,0.01) !important;我本身平常不用這個樣式 因為有一點點模糊這個樣式的優點是可以減少text-stroke造成的毛刺也許你可以再試試看1. 用上面說的方法 關掉D2D 看看渲染是否正確2. 關掉D2D之後 將gfx.font_rendering.directwrite.force-enabled強制設為true 看看渲染是否正確3. 開啟D2D和DW的狀態下 在CCS裡加入transform: rotate(0.001deg);img {transform: rotate(0deg)!important;}看看有沒有變化我擔心上面的旋轉角度太小了測不出來 改大一點好了transform: rotate(0.05deg);甚至再更大一點 總之讓文字旋轉一個角度盡量大一點 試試看這樣渲染會不會突然恢復正常抱歉我用推文回覆喔喔! 成功了! 那麼就請繼續保留這段旋轉的樣式w你可以測試更小的角度 譬如說-0.0000000001deg看能不能用更小的角度消除這個bug旋轉極微小的角度 肉眼完全不會有感覺不會影響到閱讀的請放心而大一點的角度 會讓字體變得較平滑有些人是選擇取消text-shadow和text-stroke只用比較大角度的rotate來平滑字型(不建議這樣做)這個旋轉同時會讓Windows停用對字型的Grid-fitting使用DW的情況下 關閉Grid-fitting會取得較好的渲染效果所以旋轉不但可以消除bug 對於字體渲染會更有幫助不過這段CSS的缺點是對整個網頁都進行旋轉(CSS裡有鎖住圖片不旋轉才沒有造成圖片模糊)可能會影響渲染的效能如果使用的是WIN7 而且防毒軟體不是avast的話我建議安裝MacType和MacType的日文補丁(不建議avast是因為avast會和MacType相衝突)http://silight.hatenablog.jp/entry/MacTypePatch安裝MacType後按照說明替換補丁開啟UserParams.ini設定檔 修改ForceNoHinting = 1使用補丁的好處是補丁只針對DW渲染的字體作旋轉而不用旋轉整個網頁 效率可能會比較好不過現在都用GPU加速 基本上應該是無感可能不會覺得效能有什麼變化

Links booklink

Contact Us: admin [ a t ] ucptt.com