重開機也沒辦法解決就麻煩了 那是描邊的時候沒有對齊正確的位移造成的 這下子... 再重開機一次試試;;停用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加速 基本上應該是無感可能不會覺得效能有什麼變化