云霞资讯网

采用Stylus 扩展让你的浏览器字体变得更美观

今天锋哥带大家来玩一个有意思的操作。我对字体有着很高的敏感度,我对网页默认的字体,不是很满意。突如其来的疯狂念头,我能不

今天锋哥带大家来玩一个有意思的操作。

我对字体有着很高的敏感度,我对网页默认的字体,不是很满意。

突如其来的疯狂念头,我能不能把我们网页的所有字体,就是默认的字体,强制改为我喜欢的这个霞鹜文楷字体呢?

答案别说,还真有办法。

我们以EDGE浏览器为例,你先要从扩展商店,把stylus插件装上。

然后新建一个样式

在URL 匹配模式这里输入 .*

然后在下面的编辑区域输入下面的代码

/* == 导入 LXGW WenKai 字体 == */@import url('https://cdn.jsdelivr.net/npm/@callmebill/lxgw-wenkai-web@latest/style.css');/* == 全局字体替换 == */* { font-family: "LXGW WenKai", sans-serif !important; font-weight: normal !important;}/* == 保留图标字体 == */i, [class*="icon"], [class*="fa-"], .material-icons, [class*="iconfont"] { font-family: inherit !important;}/* == 修复代码块显示 == */pre, code, kbd, samp { font-family: "LXGW WenKai Mono", monospace !important;}/* == 修复输入框字体 == */input, textarea, select, button { font-family: "LXGW WenKai", sans-serif !important;}/* == 增强粗体显示效果 == */strong, b, h1, h2, h3, h4, h5, h6 { font-weight: 700 !important;}

然后保存

那么你打开一个新的页面,再看看是否生效了。

上面代码段的作用,就是覆盖所有HTML元素的默认字体样式,让LXGW WenKai成为默认字体。

如果你后面不需要这个字体覆盖,你就把这段代码删掉,就好了

如果你喜欢其他字体,你可以对应的改成其他字体。

我只分享了一个方式,至于其他的字体,大家可以根据自己的需要,自行的调整。