在Hexo中使用霞鹜文楷

LXGW WenKai: 一款开源中文字体，基于 FONTWORKS 出品字体 Klee One 衍生 ｜Web 字体

本文最后更新于2024-02-01

字体引入

之前参阅许多资料参考如何使用，一直没有解决，也没有找到是cdn引入链接，我心中的一大困惑。今日阅读一篇博客终于解决，霞鹜文楷是我好喜欢的字体，今日看到这篇文章收获许多。

找到了找到了使用 cdn 引入链接

1
2

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/style.css" />

1
2
3
4

<link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" />

# lxgw-wenkai-screen-webfont 在 staticfile.org 上也有 cdn 提供，且该 cdn 有海外节点

在hexo主题中使用

结合 Stellar中如何使用外部字体，成功解决问题

要想引用外部字体，你需要先在 _config.yml 中 inject 引入

1
2
3
4

inject:
  head:
    - <link href="https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" rel="stylesheet">
  script:

同时在 _config.stellar.yml 中填写你引入的字体名称填入字体名称

1

"LXGW Wenkai Screen"

1
2
3

style:
  font-family:
    body: "LXGW Wenkai Screen"

引用本地字体，相比于英文字体，中文字体囊括了众多的字符，这也无法避免地导致字体文件体积的增加，这对于站点而言加载速度可想而知。

出现问题

所有字体都没有问题，但是唯独网站标题有问题，任然黑体显示。

思考是不是由于没有粗体显示照成 测试后排除

重新安装hexo、重新部署后，将inject放入_config.stellar.yml的最顶部成功解决