[思源笔记经验分享] 块自定义字体

简介

主题 Dark+ 在 v0.8.1 中又更新的几个小功能:

• 实现方案

  • siyuan-theme-dark-plus/custom-font-family.css at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus
  • siyuan-theme-dark-plus/menu.js at main · Zuoqiu-Yingyi/siyuan-theme-dark-plus

• 功能介绍

  • 该需要使用快捷键 Shift + Alt + M 或工具栏 块菜单增强 按钮启用块菜单增强功能

  • 块菜单 -> 常用字体 -> 默认字体

    • 该功能会取消已经设置的字体样式, 即恢复默认字体(在 设置 -> 编辑器 -> 字体 中定义)

      • 取消设置的常用字体
      • 取消设置的其他字体

  • 块菜单 -> 常用字体 -> 字体

    • 该功能依托于自定义块属性 custom-font-family: 字体名称

      • 缺点: 更改主题后无法保留字体样式
      • 优点: 在 Web 端可以保留字体样式

  • 块菜单 -> 其他字体 -> 字体

    • 该功能依托于块属性 style: font-family: "字体名称"

      • 缺点: 在 Web 端不能设置与更改字体样式
      • 优点: 更改主题后可以陈保留字体样式

• 其他

  • 块菜单 -> 其他字体 功能

    • 单击该块菜单项后在下次打开块菜单时开启子菜单项
    • 再次单击该块菜单项后在下次打开块菜单时关闭子菜单项

  • 为一个容器块(例如文档块, 列表块, 列表项块, 引述块, 超级块)设置字体后, 该块及其下级块都会更改为该字体

如果需要订阅服务, 欢迎使用我的推荐码呀: h0sc9rc (*^▽^*)

演示

使用

• 若不使用 Dark+ 主题, 可以下载该主题 v0.8.1+ 版本

  1. 将 Dark+ 主题目录下的 theme.js 文件 复制 到所使用的其他主题的目录下

  2. 将如下自定义样式引用 URL 添加到所使用的其他主题目录下 theme.css 文件或 custom.css 文件首部

     • @import url(/appearance/themes/Dark+/style/module/custom-font-family.css);