Added Noto Serif SC font support for Gridea theme
文章同时上传于本人独立博客 wherelse.cc,欢迎访问
思源宋体作为一款比较适合阅读的开源衬线字体,作为博客字体能够有效的提高阅读体验,同时得力于Google Font 对于思源宋体的支持,可以方便的进行网页端的配置与使用。
衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。无衬线体则没有这些额外的装饰,而且笔画的粗细差不多。
下面介绍为 Gridea 主题添加字体支持的方法:
- 首先点击进入 Google Font 网页,找到思源黑体(Noto Serif SC)。
点击进入后选择想要的字重,然后添加到选择中,右上角的 Embed 栏会出现相关的资源引用代码,这里先复制下来。
- 然后找到 Gridea 主题文件夹,选择需要添加支持的主题。
- 在需要引入的页面的
xxx.ejs
文件中,将<link>
一栏中的代码添加到<head> <\head>
之间。
- 在
main.less
的最后新建一个样式:note-serif-sc-font
,内容如下
.note-serif-sc-font
{
font-family:
'Noto Serif SC',
serif;
font-display: swap;
}
- 最后将新建的样式放到需要更改字体的地方,使用class进行引用。这样就配置完成了。
如果还想同时添加其他字体,可以在第一步选择多个字体,然后按照其他步骤相似配置。