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

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进行引用。这样就配置完成了。

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值