采用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成为默认字体。

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

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

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