【Hugo之路番外6】hugo自定义全局字体

主题的文档中只有文章字体的更改，但是依葫芦画瓢出现不生效的问题了，于是便有了这篇博客。

这里采用的是思源宋体，可自行更换其他字体

字体样式：https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap

字体名：Noto Serif SC，即上方链接中family=后的字符串，+替换为空格

在站点根目录新建文件 ./layouts/partials/head/custom.html，内容如下：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22


<style>
  :root {
    --sys-font-family: "Noto Serif SC";
    --zh-font-family: "Noto Serif SC";
    --base-font-family: "Noto Serif SC";
    --code-font-family: "Noto Serif SC";
    --article-font-family: "Noto Serif SC";
  }
</style>

<script>
  (function () {
    const customFont = document.createElement("link");
    customFont.href =
      "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";

    customFont.type = "text/css";
    customFont.rel = "stylesheet";

    document.head.appendChild(customFont);
  })();
</script>