Wherelse Blog

为Gridea主题添加思源宋体字体支持

2020-07-16 · 2 min read
Gridea

Added Noto Serif SC font support for Gridea theme

思源宋体作为一款比较适合阅读的开源衬线字体,作为博客字体能够有效的提高阅读体验,同时得力于Google Font 对于思源宋体的支持,可以方便的进行网页端的配置与使用。

衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。无衬线体则没有这些额外的装饰,而且笔画的粗细差不多。

下面介绍为 Gridea 主题添加字体支持的方法:

  • 首先点击进入 Google Font 网页,找到思源黑体(Noto Serif SC)。
    Google Font 页面

点击进入后选择想要的字重,然后添加到选择中,右上角的 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进行引用。这样就配置完成了。

如果还想同时添加其他字体,可以在第一步选择多个字体,然后按照其他步骤相似配置。