好早之前就已经喜欢这个字体,不太呆板同时又不失灵动。
前情提要
想着在 Hugo 博客里面调用,一开始只找到这个issues讨论,但还是不适合。最后发现这篇Tony Xu Blog,借鉴一下,终于搞定。
以下方法是基于 meme
这个主题框架
实现方法
- 在站点的css文件中引入
// /assets/scss/custom/_custom.scss
@import url("https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.min.css");
- 在
config.yaml
或body
中进行调用
fontFamilyBody = "'LXGW WenKai Screen', 'Palatino Linotype', serif"
{
font-family: "LXGW WenKai Screen", sans-serif;
}
必要的话里面每个 font-family
都进行调用
参考资料库
- 落霞孤鹜开源字体霞鹜文楷
- CDN
- 感谢 chawyehsu lxgw-wenkai-webfont