Hexo自定义字体（Matery主题与Butterfly主题）

自定义网站字体

Matery主题

准备

首先确保主题存在css文件：(hexo-theme-matery/source/css/.mycss)

路径很重要！文件没有用就自己创！

本站使用的开源字体:JetBrains Mono

网站局部个性化字体

一般网站的web字体都可以直接从Google-Font获取资源，这样不用担心字体商业带来的法律问题

1）创建web字体引用

@font-face{
   
    font-family: '引用的字体名称';
    src: url('谷歌字体路径（或者其他什么字体引用）');   
}

2）在网页合适的位置进行字体引用

①利用浏览器检查元素，获取需要定义字体的部分

②在主体的配置文件中(hexo-theme-matery/layout/…)找到对应的渲染(.ejs)文件，查找需要修改的部分

①演示一下利用浏览器获取定义字体的部分

对获取到的id选择器：#artDetail进行css渲染