Hugo 使用落霞孤鹜文楷字体

好早之前就已经喜欢这个字体,不太呆板同时又不失灵动。

预览图

前情提要

想着在 Hugo 博客里面调用,一开始只找到这个issues讨论,但还是不适合。最后发现这篇Tony Xu Blog,借鉴一下,终于搞定。

以下方法是基于 meme 这个主题框架

实现方法

  1. 在站点的css文件中引入
// /assets/scss/custom/_custom.scss
@import url("https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.min.css");
  1. config.yamlbody中进行调用
fontFamilyBody = "'LXGW WenKai Screen', 'Palatino Linotype', serif"
{
  font-family: "LXGW WenKai Screen", sans-serif;
}

必要的话里面每个 font-family 都进行调用

参考资料库