预览

修改方法

  1. 下载一个 ttf 字体，放在themes/butterfly/source/font/YaHei_Consolas_Hybrid.ttf
  2. 在themes/butterfly/source/css/下创建font.css文件，内容如下：
1
2
3
4
5
@font-face {
  font-family: 'YaHei_Consolas_Hybrid';
  font-display: swap;
  src: url('/fonts/YaHei_Consolas_Hybrid.ttf') format('truetype');
}
  1. 修改_config.butterfly.yml文件，代码如下：
1
2
3
4
5
6
7
8
9
10
11
inject:
  head:
    - <link rel="stylesheet" href="/css/font.css">
  bottom:


font:
  global-font-size:
  code-font-size:
  font-family: 'YaHei_Consolas_Hybrid'
  code-font-family: 'YaHei_Consolas_Hybrid'
  1. 大功告成

备注

  1. 建议只修改代码字体，因为默认的代码字体不是等宽字体
  2. css 文件中的font-family后面的参数可以随意，正确引用即可
  3. css 文件中可以定义多种字体