Chrome 使用 Stylish 字型更換的問題

之前參考了這裡解決了Chrome字型變醜的問題，後來沒想到這個網頁的主人竟然是我大學同學...台灣真小...

使用自定義字型後看起來真的舒服多，但唯一缺點就是有些用CSS繪製的圖會無法顯示變成方框，如下圖：

稍微修改了一下程式碼後就正常了！如下圖：

程式碼如下請自行取用：
我目前使用的字型是Noto Sans CJK TC Medium，請自行更改為自己喜歡的吧～
我其實完全不懂CSS，亂改改出來的...。

只是少了!important，少了這個好像不會強制取代字型，所以框框顯示就正常了

body {text-shadow: #707070 0.05px 0.05px 0.05px}
*{font-weight:400!important;}
*{font-family: Arial, "Noto Sans CJK TC Medium";}
@font-face {font-family: "Arial";src: local("Noto Sans CJK TC Medium")}