下载字体

下载你需要的字体,并存储在 static/fonts

导入字体

@font-face {
  font-family: "LXGWWenKai-Regular";
  src: url("/fonts/lxgw-wenkai/LXGWWenKai-Regular.ttf") format("truetype");
}

应用字体

body {
  font-family: LXGWWenKai-Regular;
}

在 PaperMod 中应用

把你自己的 css 文件文件放在 assets/css/extended/custom_fonts.css

导入多字重的字体文件

@font-face {
  font-family: "LXGWWenKai";
  src: url("/fonts/lxgw-wenkai/LXGWWenKai-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "LXGWWenKai";
  src: url("/fonts/lxgw-wenkai/LXGWWenKai-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LXGWWenKai";
  src: url("/fonts/lxgw-wenkai/LXGWWenKai-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

使用 CDN

@import url('https://cdn.jsdelivr.net/npm/jetbrains-mono@1.0.6/css/jetbrains-mono.min.css');

code {
  font-family: 'JetBrains Mono';
}

参考链接