更换字体

更换字体

默认字体样式:

font.png

DingTalk-JinBuTi 字体样式:

font2.png

首先下载 DingTalk-JinBuTi 字体,在根目录source\custom中创建 fonts 文件夹,并将字体文件复制进去。
在根目录source\custom\css中创建 font.css

1
2
3
4
5
6
7
8
@font-face {
font-family: 'DingTalk-JinBuTi';
src: url('/custom/fonts/DingTalk-JinBuTi.woff2') format('woff2'), /* 提供 WOFF2 格式 */
url('/custom/fonts/DingTalk-JinBuTi.woff') format('woff'), /* 提供 WOFF 格式 */
url('/custom/fonts/DingTalk-JinBuTi.ttf') format('truetype'); /* 提供 TTF 格式 */
font-weight: normal;
font-style: normal;
}

在主题配置文件 _config.yml 中找到 inject 引入 css

1
2
3
4
inject:
head:
# 自定义css
- <link rel="stylesheet" href="/custom/css/font.css">

在主题配置文件 _config.yml 找到 font 修改字体

font3.png