【软件推荐】利用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;
}

展示效果如下：