一. 打开 Google Font 找到 思源宋体( Noto Serif SC)

Google Font ：https://fonts.google.com/

  • 找到 思源宋体 → 搜索 Noto Serif SC → 点击字体
  • 点击 select this font → 点击 Family select

二. 跟随官方教程，配置字体

在 head 文件 中添加：

1
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+SC" rel="stylesheet">

2. 修改 .css文件

全局设置：

1
2
> * { font-family: 'Noto Serif SC', serif; } 
>

* 表示匹配一切，也就是全局字体

(也可以部分设置,Ctrl+f font-family 一个个设置就好了)

格式： a { font-family: ‘Noto Serif SC’, serif; } 等等

现在运行，应该就能看到效果了

3. 测试自己的博客，并不影响加载速度

用手机热点：

清空缓存数据，加载到可以点开博客 12-20s ,加载出所有图片60s 左右

用Google Font，好像还迷之快一点的感觉

正常网络(500kb/s最大速度)：

加载到可以点开博客 5-10s ,加载出所有图片20s 左右