为 Logseq 和 Gridea 添加喜欢的字体

一款好看的字体让人拥有持续写下去和看下去的冲动，至少对于我是这样的。

忘了是在哪看到 LxgwWenkaiGB 这款字体的，看到第一眼就喜欢的不得了。相比于网页默认字体它特别适用于阅读，于是就在做 weekly 站点时使用这款字体作为网页首选字体，效果还是不错的。

Logseq

最近在使用 logseq 这款软件，每天需要在上面写很多内容，默认中文字体偏大整体看上去不是很和谐，就想换成喜欢的字体，摸索了一下简单在这里记录一下

打开设置

首先在全局 setting -> General -> 点击 Edit Custom.css 按钮

添加代码

在弹出的界面中填入一下代码

@import url('https://fonts.cdnfonts.com/css/nunito');

@import url("https://chinese-fonts-cdn.deno.dev/chinesefonts3/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css");

:root {
  --ls-font-family: 'Nunito', 'LXGW WenKai', sans-serif;
}

上面两个 @import 是引入字体样式文件，分别为英文的 nunito 和中文的 LxgwWenkaiGB，最后是改变字体样式。

修改后看上去就美观了很多，书写和阅读的心情都不一样了

Gridea

既然 weekly 都修改了，也想把 Blog 也一起修改下，我的 Blog 是使用 Gridea 搭建的，默认提供了四种字体，但是我都不喜欢，还好提供了代码注入的功能。

找到代码注入位置

在设置页签中往下拉即可找到，别忘了点保存。

在 HTML head 标签中添加代码

添加如下代码

<link rel='stylesheet' href='https://fonts.cdnfonts.com/css/nunito' />
<link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/chinesefonts3/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css' />
<style>
  :root {
    --base-font-family: 'Nunito', 'LXGW WenKai', sans-serif !important;
    --content-font-family: 'Nunito', 'LXGW WenKai', sans-serif !important;
    --heading-font-family: 'Nunito', 'LXGW WenKai', sans-serif !important;
    --heading-font-weight: 'Nunito', 'LXGW WenKai', sans-serif !important;
  }
  div {
    --base-font-family: 'Nunito', 'LXGW WenKai', sans-serif !important;
    --content-font-family: 'Nunito', 'LXGW WenKai', sans-serif !important;
    --heading-font-family: 'Nunito', 'LXGW WenKai', sans-serif !important;
    --heading-font-weight: 'Nunito', 'LXGW WenKai', sans-serif !important;
  }
</style>

效果图就不贴了，现在看到的就是效果。

包括我写这篇 blog 的工具 miaoyan 也默认添加了 LxgwWenkaiGB 这款字体，确实一款比较好的字体，写到这想到了我就是在这个工具作者的 潮流周刊 中看到了这款字体。