butterfly自定义字体

参考June大佬的教程：

June大佬的字体修改教程

https://blog.june-pj.cn/posts/dd5a9bee/

免费的字体网站：

Font Space
Google Fonts | 谷歌字体中文版,需要科学上网才能访问
Adobe Fonts
字体天下
Cascadia-code,微软的开源连体字，作为代码字体是很舒服的。
天天字体—完全免费的字体下载网站-字体预览 - 天天字体 (ttfont.com)
阿里巴巴普惠体

1，下载字体

从上边网站查找并选择喜欢的字体下载到\source\css\fonts里，例如字体Qingqingkaiti-Regular-2.ttf,

2，自定义字体

在\source\css\customs.css里引入以下代码

/* 字体自定义 */
@font-face {
    font-family: 'Qingqingkaiti-Regular-2';
    font-display: swap;
    src: url('css/fonts/Qingqingkaiti-Regular-2.ttf') format('truetype');
}

如果后缀不是.ttf，可以参考下面的

@font-face {
    font-family: 'YourFontName';
    font-display: swap;
    src: url('path/to/your-font.woff2') format('woff2'),
         url('path/to/your-font.woff') format('woff'),
         url('path/to/your-font.ttf') format('truetype'),
         url('path/to/your-font.otf') format('opentype');
}

3，引入自定义字体

修改_config.butterfly.yml，

# Global font settings
# Don't modify the following settings unless you know how they work
font:
  global-font-size:
  code-font-size:
  font-family: Qingqingkaiti-Regular-2  #自定义字体
  code-font-family: