魔改笔记二：字体更改

字体下载地址：

JetBrains Mono字体免费下载和在线预览-字体天下 (fonts.net.cn)

HarmonyOS设计资源下载-鸿蒙Sans字体下载-华为开发者联盟 (huawei.com)

教程

创建font文件夹

在themes/butterfly/source/下创建font文件夹

将HarmonyOS_Sans_SC_Regular.ttf和JetBrainsMono-Regular.ttf放进font

创建css

在themes/butterfly/source/css/下创建font.css

编辑font.css

1
2
3
4
5
6
7
8
9
10
11
12
13
@font-face{
    font-family: 'JetBrains Mono';
    font-display: swap;
    src: url('../font/JetBrainsMono-Regular.ttf') format("truetype");
}
@font-face{
    font-family: 'HarmonyOS Sans SC';
    font-display: swap;
    src: url('../font/HarmonyOS_Sans_SC_Regular.ttf') format("truetype");
}
body {
    font-family: 'JetBrains Mono','HarmonyOS Sans SC';
}

编辑_config.butterfly.yml

1
2
3
4
5
6
7
8
9
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
    - <link rel="stylesheet" href="/css/font.css">
  bottom:
    # - <script src="xxxx"></script>