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

简介

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

  • 实现方案

  • 功能介绍

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

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

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

        • 取消设置的常用字体
        • 取消设置的其他字体
    • 块菜单 -> 常用字体 -> 字体

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

        • 缺点: 更改主题后无法保留字体样式
        • 优点: 在 Web 端可以保留字体样式
    • 块菜单 -> 其他字体 -> 字体

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

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

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

      • 单击该块菜单项后在下次打开块菜单时开启子菜单项
      • 再次单击该块菜单项后在下次打开块菜单时关闭子菜单项
    • 为一个容器块(例如文档块, 列表块, 列表项块, 引述块, 超级块)设置字体后, 该块及其下级块都会更改为该字体

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

演示

思源笔记功能示范 17.gif

使用

  • 若不使用 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);
        

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
shuoying
一团儿名为 '\u4eba' 的光球~