日常博客里中文使用的比较多,使用黑体看上去不是很美观,于是为博客换上思源宋体👊。
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. 参考
感谢大佬的配置过程😄