为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）。
点击进入后选择想要的字重，然后添加到选择中，右上角的 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进行引用。这样就配置完成了。
如果还想同时添加其他字体，可以在第一步选择多个字体，然后按照其他步骤相似配置。
本网站文章版权均为本人所有，未经同意不得私自搬运复制，欢迎注明引用出处的合理转载，图片转载请留言。文章内容仅用于技术研究和探索，不得用于违法目的。