教程链接：Butterfly修改字体

这里以阿里妈妈数黑体iconfont-阿里巴巴矢量图标库为例进行演示。

下载后得到文件

我们选择 AlimamaShuHeiTi-Bold.ttf 文件放入到我们的项目中。在 source/styles 目录下新建文件夹 fonts/，把 AlimamaShuHeiTi-Bold.ttf 放入到 fonts 文件夹下。

之后，在 styles/css/font.css 目录下，新建 font.css 文件，文件内容如下：

1
2
3
4
5
@font-face {
    font-family: 'AlimamaShuHeiTi';
    font-display: swap;
    src: url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');
}

字体文件有 ttf, woff, woff2, otf 多种格式，ttf 对应的格式是 truetype，woff2 对应的格式是 woff2，woff 对应的格式是 wolf，otf 对应的格式是 opentype

最后在 config_butterfly.yml 文件中，引入该 css 文件

1
- <link rel="stylesheet" href="/styles/css/font.css">

同时，在 config_butterfly.yml 文件中指定全局字体配置

1
2
3
4
5
font:
  global_font_size: 
  code_font_size: 
  font_family: 'AlimamaShuHeiTi'
  code_font_family: Consolas, "Courier New", monospace

重新运行 hexo s，即可看到字体生效。