Windows下,字体的显示总是让人抓狂。抗锯齿效果让汉字显得粗细不均,甚至无法对齐的情况。
为了改善网页的显示效果,可以利用Stylus进行字体的替换
- Stylus可以在Google的商店下载,由于当前Edge版本插件没有上架,也需要通过Google商店进行安装。
-
英文版本比较喜欢JetBrains Mono和Cascadia。
前者可以在jetbrains官网下载。
后者可以github微软下载。 -
Microsoft YaHei UI semibold是中文推荐字体,使用Semibold可以改善过细字体产生的不适感。但是缺点是与网页上的加粗字体难以区分。
-
FontAwesome和Source Emoji是为了解决淘宝,简书等网站利用符号字体的情况。
强制修改字体会导致这些网站的导航栏出现不可以识别的乱码。替换成FontAwesome之后,就能正常显示了。 -
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;
}
展示效果如下: