教學：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再輔助。

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

承上一篇文章

其實我對CSS完全沒有概念，所以不知道這樣的作法正不正規，
至少看起來使用上是正常沒有問題的。

自己參考了能Goolgle到的所有方式，修改了幾乎可以順利替換全部的字型，而且不會讓CSS繪製的圖形變成方塊。

效果可參考以下圖片：

我已經上傳到

https://userstyles.org/

搜尋Google Noto Sans CJK TC Medium安裝即可

--------------------------CSS碼如下------------------------------------

*{text-shadow: #707070 0.05px 0.05px 0.05px}

讓文字有陰影效果，後面的三個數字可以字型調整喜歡的陰影程度

*{font-weight: 400!important}

加粗文字，以上這兩個的數字都可以自己調整看看，但微調好像都不會有效果，例如100~400看起來都沒有變化。

*{font-family: "Noto Sans CJK TC Medium"}

所有字型都取代成"Noto Sans CJK TC Medium"，這裡不加!important強制取代，所以不會造成CSS繪製的圖形變成方框，而是用以下的方式取代原有的字型，所以有些網站萬一沒有在上面被替換掉字型，使用的字型又是特殊的，就會沒有效果，我會陸續的去更新沒有替換到的部份，所以只要在userstyles下載就好，有替換我就會上去更新。

/*Chinese Fonts*/

@font-face {font-family: "Arial";src: local("Noto Sans CJK TC Medium")}

@font-face {font-family: "Microsoft YaHei";src: local("Noto Sans CJK TC Medium")}

@font-face {font-family: "Microsoft JhengHei";src: local("Noto Sans CJK TC Medium")}

@font-face {font-family: "Microsoft JhengHei UI";src: local("Noto Sans CJK TC Medium")}

有些網站還是有例外，上述方式都失效的時候，就必須指定特定的CSS區段強制更換字型。

例如以下這些網站，但以下的CSS碼在userstyles網站上傳的時候，會檢查不過，所以安裝之後以下的部份要自己把註解移除即可。

/*T客邦*/

._popIn_recommend_art_title a{font-family: "Noto Sans CJK TC Medium"!important}

/*Facebook*/

#facebook *{font-family: "Noto Sans CJK TC Medium"!important}

/*PCHOME*/

.E3 .body li a, .category dl dt{font-family: "Noto Sans CJK TC Medium"!important}