→ share8426: 53真的很可怕,我還是停在52.0.2就好了哦 05/10 21:29
→ share8426: Lazarus不支援,IDM不穩定,字體怪異…一堆… 05/10 21:30
→ share8426: 之後還有個57,FX前途多難 05/10 21:33
推 abramtw: Mactype在54beta版反而沒問題 05/11 08:29
推 mstar: 請愛用 ESR 版,目前是 52.1.1 05/11 10:22
推 Wcw5504: 53我覺得單用-webkit-text-stroke的效果會比用text-shado 05/11 11:13
→ Wcw5504: w的效果要好 後者在小字的狀況下還蠻災難的 擠成一團 05/11 11:14
→ t7yang: OK,之後會替換成text-stroke 05/11 11:45
推 mayuyu: 如果要用舊版 建議換成ESR頻道 才能跟上安全性更新 05/11 13:33
→ mayuyu: 擴展不能使用的話 建議更換擴展 或者請求擴展作者更新 05/11 13:33
→ mayuyu: 瀏覽器有重大革新的時候總會有陣痛期 05/11 13:33
→ mayuyu: GC廢除NPAPI的時候也是有很重大的擴展不能繼續使用 05/11 13:34
→ mayuyu: 然而GC現在還是活得好好的 沒有因為擴展不能使用而消失 05/11 13:34
→ mayuyu: 原PO在網址列輸入about:Support 05/11 13:34
→ mayuyu: 檢查「圖形」底下「合成」「Direct2D」「DirectWrite」 05/11 13:34
→ mayuyu: 這幾個項目顯示的狀態 檢查顯示卡驅動程式是否相容 05/11 13:34
→ mayuyu: 檢查GPU子程序有沒有啟用 05/11 13:35
我並沒啟動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
推 Kreen: 我覺得是 Natural Symmetric 的鍋,我有一台舊筆電調那個餐 05/11 20:47
→ Kreen: 數以後就變 lag 了。 05/11 20:47
其實我經過交叉測試,只要是Natural Symmetric + text-shadow,順暢度就會降,
關掉其中一個就正常了,但是這問題在52版是沒有的,
本來想改用-webkit-text-stroke,但是邊緣溢出在某些日文下特別嚴重,影響閱讀。
這個在字型2017那篇好像有人提過,似乎沒有解決...
※ 編輯: csid (220.133.149.197), 05/11/2017 21:03:08
推 mayuyu: 字體渲染比較細的問題54版會修正 05/11 21:18
→ mayuyu: Natural Symmetric的問題我沒有遇到 05/11 21:18
→ mayuyu: 你用預設值(-1)也會發生問題嗎? 05/11 21:18
→ mayuyu: 我這裡用-1預設就是Natural Symmetric 05/11 21:19
→ mayuyu: 所以沒有特別設置為5 在WIN10底下會有其他渲染模式 05/11 21:19
→ mayuyu: 所以建議不要更動用-1就好 05/11 21:19
→ mayuyu: 因為53版預設是啟用GPU子程序的 05/11 21:19
→ mayuyu: 但是因為你關掉e10s 所以可能會有一些預期外的問題 05/11 21:19
→ mayuyu: text-stroke的溢出 是指字體有毛邊的現象嗎? 05/11 21:19
→ mayuyu: 如果把字體調整大一點(在Fx字型設定裡把最小字體調大) 05/11 21:20
→ mayuyu: 還會有毛邊的現象嗎? 05/11 21:20
→ mayuyu: 啊 溢出的問題 你是指字體會有分離的二重影像嗎? 05/11 21:24
推 Kreen: 那一台筆電改回 -1 就好了,神奇~ 反而新的筆電改這參數也 05/11 21:46
→ Kreen: 不會 lag= = 05/11 21:46
To mayuyu:對,就是分離的二重影現象,如同我上面的圖,日文在特定情形下會很嚴重,
另外還有反白的問題如上面的圖...
還有e10s我也想開啟,順暢度和沒開是不能比擬的,
可是flashgot和新版的同文堂還是有些問題,在未解決之前實在沒辦法啟用...
Natural Symmetric那部份我設回-1試試,不曉得在win7上的差異是如何?
--------------------------------
我剛剛試了一下,用-1後在小字型下英文字型變得不好看,
我記得以前好像有人提過用預設值的狀況下,小字型的英文會改用GDI渲染?
※ 編輯: csid (220.133.149.197), 05/11/2017 22:00:56
→ mayuyu: 分離的二重影像是DW的bug 請重新啟動系統就會恢復正常 05/11 22:08
→ mayuyu: text-stroke的優點是可以把字體加得非常粗而不會像 05/11 22:09
→ mayuyu: text-shadow會變得模糊 字體可以保持非常銳利 05/11 22:09
→ mayuyu: 但是缺點就是選取文字的時候描邊的顏色無法跟著反白 05/11 22:09
→ mayuyu: 可以試著調整反白的顏色讓選取文字的時候看起來清楚一點 05/11 22:09
→ mayuyu: 例如 05/11 22:09
→ mayuyu: ::-moz-selection{background:#b3d4fd;color:#333; 05/11 22:09
→ mayuyu: /*background:Highlight;color:HighlightText;*/} 05/11 22:10
→ mayuyu: 不過效果可能有限 05/11 22:10
推 mayuyu: 英文字型被使用GDI渲染的問題 調整下面的參數 05/11 22:13
→ mayuyu: gfx.font_rendering.cleartype_params.for 05/11 22:13
→ mayuyu: ce_gdi_classic_max_size 05/11 22:13
→ mayuyu: 預設好像是15 改成12以下試試? 05/11 22:13
剛剛重開機再度做測試,疊字(溢出)的問題依舊沒有改善,我發現在日文下,
特別是粗體,小字型時特別嚴重,如下圖:
http://i.imgur.com/wze8IKf.png
網址:http://www.kisskiss.tv/kiss/diary.php
可是日文維基卻沒有這問題,不知道是不是win7特有的bug?
※ 編輯: csid (36.238.113.10), 05/11/2017 23:02:55
推 hohiyan: 我用win10也是會有疊字的問題 05/11 23:18
→ mayuyu: 重開機也沒辦法解決就麻煩了 那是描邊的時候沒有對齊 05/11 23:57
→ mayuyu: 正確的位移造成的 這下子... 再重開機一次試試;; 05/11 23:58
→ mayuyu: 停用Direct2D 然後再開啟試試看 about:config 05/11 23:58
→ mayuyu: gfx.direct2d.disabled -> true 05/11 23:58
→ mayuyu: 在53下沒開e10s也可能會發生問題 改用Fx52也會這樣嗎? 05/11 23:58
→ mayuyu: 嗯..你有裝日版補丁的MacType嗎? 05/11 23:58
→ mayuyu: 還有顯示卡驅動也可能是原因之一 更新或者倒退回舊版 05/11 23:58
→ mayuyu: 有時候也可以解決問題 05/11 23:59
→ mayuyu: 最後再試試看Fx54beta版 Fx54有解決一些GPU渲染的bug 05/11 23:59
→ mayuyu: 不確定能不能幫助你修復這個問題 05/11 23:59
其實在52版就這樣了,所以我一直沒有將text-stroke作為首選方式,
另外我沒裝任何MacType,純粹是用D2D,所以或許用純D2D會有這問題?
最早一開始我的NV驅動相當舊是2011年版的,後來發現53有問題後就換為最新的驅動,
換句話說,新舊驅動我都測過,都會有疊字的現象。
53版的e10s等等來試試看。
我問一下,mayuyu大你進去我點的那個網址用網站預設字型大小,
在無MacType下是沒問題的不會出現疊字嗎?
--------------------------------------------------
經過測試53 e10s 開了之後疊字的問題依然存在...
另外做一個測試把設定檔砍了建了一個新的只安裝Stylish看看情形,
問題依舊,看來是Firefox本身的問題了
※ 編輯: csid (36.238.113.10), 05/12/2017 00:44:06
推 mayuyu: 我這裡看你的網頁渲染是正常的 05/12 00:58
→ mayuyu: 我沒有遇過二重疊影的問題 不過我知道有這個bug 05/12 00:59
→ mayuyu: 而重開機清掉字型的快取通常可以解決 05/12 00:59
→ mayuyu: 對了上面擷圖所使用的樣式 05/12 00:59
→ mayuyu: -webkit-text-stroke-width: 0.1px; 05/12 01:00
→ mayuyu: text-shadow: 0 0 1px rgba(0,0,0,0.1), 0 0 2px rgba(0,0 05/12 01:00
→ mayuyu: ,0,0.01), 0 0 3px rgba(0,0,0,0.01) !important; 05/12 01:00
→ mayuyu: 我本身平常不用這個樣式 因為有一點點模糊 05/12 01:00
→ mayuyu: 這個樣式的優點是可以減少text-stroke造成的毛刺 05/12 01:00
→ mayuyu: 也許你可以再試試看 05/12 01:01
→ mayuyu: 1. 用上面說的方法 關掉D2D 看看渲染是否正確 05/12 01:02
→ mayuyu: 2. 關掉D2D之後 將 05/12 01:02
→ mayuyu: gfx.font_rendering.directwrite.force-enabled 05/12 01:02
→ mayuyu: 強制設為true 看看渲染是否正確 05/12 01:02
→ mayuyu: 3. 開啟D2D和DW的狀態下 在CCS裡加入 05/12 01:03
→ mayuyu: transform: rotate(0.001deg); 05/12 01:03
→ mayuyu: img { 05/12 01:03
→ mayuyu: transform: rotate(0deg)!important; 05/12 01:03
→ mayuyu: } 05/12 01:03
→ mayuyu: 看看有沒有變化 05/12 01:03
推 mayuyu: 我擔心上面的旋轉角度太小了測不出來 改大一點好了 05/12 01:31
→ mayuyu: transform: rotate(0.05deg); 05/12 01:31
→ mayuyu: 甚至再更大一點 總之讓文字旋轉一個角度 05/12 01:31
→ mayuyu: 盡量大一點 試試看這樣渲染會不會突然恢復正常 05/12 01:31
mayuyu大,使用0.001deg之後疊影就消失了,可是一旦拿掉旋轉這段,
疊影的問題又回來了,這是字型快取的問題嗎?
我試著清掉字型快取後重開機,問題依舊....
※ 編輯: csid (218.166.132.156), 05/12/2017 03:24:22
→ mayuyu: 抱歉我用推文回覆 05/12 20:24
→ mayuyu: 喔喔! 成功了! 那麼就請繼續保留這段旋轉的樣式w 05/12 20:25
→ mayuyu: 你可以測試更小的角度 譬如說-0.0000000001deg 05/12 20:25
→ mayuyu: 看能不能用更小的角度消除這個bug 05/12 20:25
→ mayuyu: 旋轉極微小的角度 肉眼完全不會有感覺 05/12 20:25
→ mayuyu: 不會影響到閱讀的請放心 05/12 20:25
→ mayuyu: 而大一點的角度 會讓字體變得較平滑 05/12 20:25
→ mayuyu: 有些人是選擇取消text-shadow和text-stroke 05/12 20:25
→ mayuyu: 只用比較大角度的rotate來平滑字型(不建議這樣做) 05/12 20:26
→ mayuyu: 這個旋轉同時會讓Windows停用對字型的Grid-fitting 05/12 20:26
→ mayuyu: 使用DW的情況下 關閉Grid-fitting會取得較好的渲染效果 05/12 20:26
→ mayuyu: 所以旋轉不但可以消除bug 對於字體渲染會更有幫助 05/12 20:26
→ mayuyu: 不過這段CSS的缺點是對整個網頁都進行旋轉 05/12 20:26
→ mayuyu: (CSS裡有鎖住圖片不旋轉才沒有造成圖片模糊) 05/12 20:26
→ mayuyu: 可能會影響渲染的效能 05/12 20:27
→ mayuyu: 如果使用的是WIN7 而且防毒軟體不是avast的話 05/12 20:28
→ mayuyu: 我建議安裝MacType和MacType的日文補丁 05/12 20:28
→ mayuyu: (不建議avast是因為avast會和MacType相衝突) 05/12 20:28
→ mayuyu: 安裝MacType後按照說明替換補丁 05/12 20:28
→ mayuyu: 開啟UserParams.ini設定檔 修改ForceNoHinting = 1 05/12 20:28
→ mayuyu: 使用補丁的好處是補丁只針對DW渲染的字體作旋轉 05/12 20:28
→ mayuyu: 而不用旋轉整個網頁 效率可能會比較好 05/12 20:29
→ mayuyu: 不過現在都用GPU加速 基本上應該是無感 05/12 20:29
→ mayuyu: 可能不會覺得效能有什麼變化 05/12 20:29
旋轉角度不能設太小,疊影還是會跑回來,0.0001差不多,某些網頁(例如巴哈),
的寫法會排版跑掉....這個問題不知道Firefox之後會不會修,
還是就是單純win7沒救了這樣,總之感謝mayuyu大陪我屁了這麼多XD
※ 編輯: csid (220.133.149.197), 05/12/2017 23:54:53