日常博客里中文使用的比较多,使用黑体看上去不是很美观,于是为博客换上思源宋体👊。

1. 引入Google字库

本来应该先去Google Font寻找自己想要换的字体,但是由于网站被墙了,我就直接使用我参考的大佬博文中的css链接了。

我把链接添加在additional-js.pug

1
link(rel="stylesheet", href="https://fonts.googleapis.com/css?family=Noto+Serif+SC")

2. 配置全局字体

找到css目录,打开下面的var.styl,将dafault-font-family改为下面所示

1
$dafault-font-family = 'Noto Serif SC', serif

如果你想单独配置某些地方字体为思源宋体,则修改对应位置的css样式即可。

未换字体前

更换字体后

3. 参考

感谢大佬的配置过程😄