为博客更换字体

前言
#

最近一直在使用「霞鹜文楷」¹ 这款开源字体，十分喜欢，便想着把博客的字体也换成霞鹜文楷。

配置
#

阅读字体的 [Issue #24]²，发现已经有大佬通过 ttf2woff2 工具转换好了字体，并提供了在网页上使用霞鹜文楷字体的方法。经过测试，如果直接使用 lxgw-wenkai-webfont 在 Safari 上显示会不正常，使用 lxgw-wenkai-lite-webfont 就不会出现问题。lite 版本精简了部分字重，在兼容性上表现更好。

通过搜索 ³ 得知 Congo 主题允许直接将额外的代码插入到模板的和

部分，只需要创建 layouts/partials/extend-head.html 或 layouts/partials/extend-footer.html 文件即可。创建好 html 文件，将下面的代码贴入其中，保存并刷新网页，博客就已经换好霞鹜文楷字体了。

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/style.css"
/>
<style>
  body {
    font-family: "LXGW WenKai Lite", sans-serif;
  }
</style>

参考文献
#

一款开源的中文字体，风格清新 ↩︎
Issue #24 中有人转换好的字体版本 ↩︎
Congo 主题允许插入额外代码的位置说明 ↩︎

前言 #

配置 #

前言
#

配置
#