【軟件推薦】利用Stylus修改網頁顯示字體

Windows下，字體的顯示總是讓人抓狂。抗鋸齒效果讓漢字顯得粗細不均，甚至無法對齊的情況。
為了改善網頁的顯示效果，可以利用Stylus進行字體的替換

• Stylus可以在Google的商店下載，由於當前Edge版本插件沒有上架，也需要通過Google商店進行安裝。

1. 英文版本比較喜歡JetBrains Mono和Cascadia。
   前者可以在jetbrains官網下載。
   后者可以github微軟下載。

2. Microsoft YaHei UI semibold是中文推薦字體，使用Semibold可以改善過細字體產生的不適感。但是缺點是與網頁上的加粗字體難以區分。

3. FontAwesome和Source Emoji是為了解決淘寶，簡書等網站利用符號字體的情況。
   強制修改字體會導致這些網站的導航欄出現不可以識別的亂碼。替換成FontAwesome之后，就能正常顯示了。

4. console-output是為了Jenkins等編譯網站的特殊情況，如果字體過大，每頁顯示的內容會收到限制。
   設定為15px后，基本上滿足我的顯示需求。

.console-output {
	font-family: 'JetBrains Mono Regular', 'Cascadia Code' !important;
	font-size: 15px;
}

span {
	font-family: 'JetBrains Mono Regular', 'Cascadia Code', 'Microsoft YaHei UI semibold';
}

pre,
div,
body,
code,
input,
td,
font,
a, 
li {
	font-family: 'FontAwesome','Source Emoji', 'JetBrains Mono Regular', 'Microsoft YaHei UI semibold' !important;
}

展示效果如下：