教學：Chrome 使用 Stylish 更換字型、陰影渲染(CSS繪製的圖形不會變成方塊)

Chrome更新至版本 58.0.3029.81 (64-bit)之後，原本使用的字型取代渲染方式在大部分的網站不是部份失效，就是完全失效，如下圖：

後來幾經測試之後，發現竟然是「字型名稱」的問題。只要是字型名稱裡面是有「空格」的，例如我現在用的「Noto Sans CJK TC Medium」，就會變成大部份網站都無法正確替換掉字型，測試了一整天後才發現竟然是字型名稱裡面有空白導致的，只要換成沒有空白的字型就都不會有問題，例如「微軟正黑體」。

Google了一下找了軟體把空白拿掉，不過這個軟體只能另存成tff檔，而且字型會變得比較粗比較不平滑，不過看不出來就是了，就先將就著用。

再到stylish裡面把字型改成拿掉空白後的字型即可，希望下次更新這個Bug可以清掉。

--------------------------再簡化CSS碼------------------------------
到Google商店下載Advanced Font Settings把
Traditional Han 繁中
Simplified Han 簡中
Japanese 日文
Hangul 韓文
Default 預設
都換成跟Stylish裡面設定一樣的字型

然後Stylish裡面舊址需要以下4行，就幾乎可以成功替換及渲染99%網站的字型，而且CSS繪製的圖形也不會變框框。
*{text-shadow: #999999 0.03em 0.03em 0.03em!important;}
*{font-weight: 400!important;}
*{font-family: "NotoSansMedium";}
@font-face {font-family: "Arial";src: local("NotoSansMedium");}

CSS可以到Stylish下載，或自己加入以上4行，但建議到Stylish下載，我發現有需要用@font-face補強的，就會去更新。

只有Advanced Font Settings的話，很多文字無法強制替換掉，所以需要Stylish再輔助。