自定义网站字体

这是一个通过 中文网字计划 给出的在线免费CDN的方法来修改网站字体，效果可以参考本站。

1、选择字体

进入官网，在上方点击 免费CDN ，选择一个自己喜欢的字体。

我们就以 抖音美好体 字体为例，点击 详情 进入，往下滑，复制字体的CSS文件地址。

2、修改配置文件

我使用的是 anzhiyu 主题，其他主题也大同小异，打开 [blog]/_config.anzhiyu.yml 配置文件，找到 inject 项，将复制下来的CSS文件地址粘贴到 head 里。（如果你直接复制下方代码，请删除前边的 + 号）

1
2
3
4
5
6
7
8
9
10
11
12
13
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    # 自定义css
    # - <link rel="stylesheet" href="/css/custom.css" media="defer" onload="this.media='all'">
+    - <link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/dymh/dist/DouyinSansBold/result.css' />    


  bottom:
    # 自定义js
    # - <script src="/js/xxx"></script>

在复制字体CSS文件地址的页面往下滑，可有找到字体的名称

然后，在配置文件里找到 font 项，将字体名称粘贴到 font-family 后面。

1
2
3
4
5
6
7
8
9
10
11
font:
  global-font-size: '16px'
  code-font-size: '16px'
  font-family: "Douyin Sans"
  code-font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif

# Font settings for the site title and site subtitle
# 左上角网站名字 主页居中网站名字
blog_title_font:
  font_link:
  font-family: "Douyin Sans", PingFang SC, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif

最后，一键三连就可以了，快看看效果吧。

对了，今天是元旦，祝大家元旦快乐，心想事成！