预览

引入字体

字体替换很简单，只需要将需要的字体引入到css中，并添加相应的属性即可。
在主题目录\themes\anzhiyu\source\css\中引入内容，此处可以新建新的CSS文件（别忘记主题配置内引入）；也可在主题原有的CSS文件直接加入。

字体font-family内的名称自定义即可。

1
2
3
4

@font-face {
  font-family: 'Jyhphyfont';
  src: url('/font/Jyhphy.ttf');
}

以上字体url可以是链接，也可以将文件放入主题目录下并引用（如上所示）

配置全局字体

字体引入CSS后，需要在主题配置文件中加入刚才引入的字体，达到全局替换的效果。

例如，本主题下的位置添加引用字体

1
2
3
4
5
6
7
8
9

font:
  global-font-size: 16px
  code-font-size:
  font-family: Jyhphyfont
  code-font-family: Jyhphyfont

blog_title_font:
  font_link: 
  font-family: Jyhphyfont

自定义局部字体

当你并不想要全局字体替换时，也可以自定义局部字体，其实也很简单，只要给局部CSS添加字体属性就可以实现，指哪换哪。

比如说，我只想要右侧显示自定义字体，那么可以按照如下修改。

1
2
3

#aside-content {
  font-family: 'Jyhphyfont' !important ; 
}

ok，完事～