24 / 06 / 13

为 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 这款字体,确实一款比较好的字体,写到这想到了我就是在这个工具作者的 潮流周刊 中看到了这款字体。

Powered by Gridea