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

展示效果如下:
image


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM