代码放置于:设置-系统-自定义样式
body{font-family: "LXGW WenKai Screen", sans-serif !important;}
代码放置于:设置-系统-自定义脚本
function changeFont() {
const link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = "https://fastly.jsdelivr.net/npm/lxgw-wenkai-webfont@1.6.0/lxgwwenkai-light.css";
document.head.append(link);
};
changeFont()
首先,在网页的
标签内适当位置引入字体 CSS。如果你希望使用屏幕阅读优化版本,请使用第二行。第一行为原始字体文件。二者引入其一即可。<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-webfont/1.6.0/style.min.css" />
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" />CSS 镜像地址的源在 cdnjs,上方的代码 href 采用了中国大陆的 BootCDN 的源。如果你喜欢其他的 cdnjs 下游源,可以自己替换下。
接着,在你的 CSS 中设置字体。这根据上方引入何版本字体,设置不同的字体名称。同样地,二者选其一。
body {
/* 原版 */
font-family: "LXGW WenKai", sans-serif;
/* 屏幕优化版 */
font-family: "LXGW WenKai Screen", sans-serif;
}
这字体确实看着舒服。
@大峰是啊,是比较舒服的,我看你也在用啊
这个字体不错,我喜欢
之前用过,不过后面用的人多了我就换了另一个哈哈
@LiuShen你那个字体也漂亮,方便发一份吗?:$(抱拳)
@老罗https://github.com/lxgw/yozai-font
@LiuShen多谢:$(抱拳)
@老罗嘿嘿没事
这个字体不错 不过感觉稍微小了一点 清爽
@刘郎是啊,周末看看是否调大一点
这个字体不错,我可以建议我的博客程序开发者们也研究一下字体做插件。
@Vind搞一个插件比较方便点
:$(笑哭)老罗又折腾皮肤了。。
@蜡客小生😄不小心被你发现了
这个国外字体源访问很慢
@老何是的,我后台引用的是一个国内的。