简介

Logseq 是一款强大的开源知识管理工具，支持通过 CSS 自定义界面样式。合适的字体不仅可以提升可读性，还能让您的笔记更具个性化。

Logseq 界面展示

前置需求

配置步骤

  1. 在您的 Logseq 图谱目录下找到 logseq 文件夹
  2. 创建或编辑 custom.css 文件
  3. 添加以下 CSS 代码：
/* Font Settings */
:root {
    /* 代码编辑器字体 */
 --ct-code-font-family: "Symbols Nerd Font", "Maple Mono CN", "0xProto Nerd Font", "0xProto";
    /* 主要文本字体 */
 --ls-font-family: "Symbols Nerd Font", "Maple Mono CN", "0xProto Nerd Font", "0xProto", "Source Han Sans SC";
    /* 图标字体 */
 --icon-font: "Symbols Nerd Font", "Maple Mono CN", "0xProto Nerd Font";
}

#root > div,
html,
body {
 font-family: var(--ls-font-family);
}

:not(pre) > code,
.CodeMirror {
 font-family: var(--ct-code-font-family);
}

字体说明

  • Symbols Nerd Font: 提供丰富的图标支持
  • Maple Mono CN: 优秀的等宽中文编程字体
  • Source Han Sans SC: 思源黑体，优秀的中文显示效果

提示

  • 重启 Logseq 使字体设置生效
  • 确保所用字体已在系统中正确安装
  • 可以根据个人喜好调整字体优先级顺序