# 引入字体
可以通过 `URL` 或本地文件的方式引入
1. 准备好字体的 `URL` 即可
2. 在 `<blog_root>/source` 中新建目录 `fonts` ,将字体文件放进去
我使用的是第二种方式,所使用的字体是 `GitHub` 推出的新字体其中之一 `MonaspaceKrypton`
在 `<blog_root>source` 中新建自定义 `CSS` 目录,例如 `custom_css`, 新建一个 `CSS`,姑且命名为 `monaspace.css`,
写入以下内容,`font-family` 为字体名称,可以自定义,我这里为 `Monaspace`
```css
@font-face {
font-family: 'Monaspace';
src: url("../fonts/MonaspaceKrypton-Regular.woff");
}
```
# 覆盖代码块字体设置
在 `monaspace.css` 下方新增代码,`!important` 表示覆盖其他样式所指定的字体
```css
code{
font-family: "Monaspace" !important;
}
```
# 添加自定义CSS
我所使用的主题是 [Fluid](https://hexo.fluid-dev.com/) ,具体添加方式要看你所使用的主题的文档
在 `_config.fluid.yml` 中修改以下配置
```yml
custom_css:
- '/custom_css/monaspace.css'
```
大功告成!