登录 注册

求字体设置 CSS 代码片段

笔记中好多古文异体字等较多，在设置—编辑器中只能设置一种字体，想自定义文档正文的字体，能定义多个字体（3 种中文字体 +1 种英文字体），按顺序对前面字库中没有的文字进行字体替换。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    25222 引用 • 104018 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    9642 引用 • 43840 回帖 • 95 关注
天津 位置
30 悬赏
1 关注
13 回帖
4
2
2
530 157 274 1 1 97

相关帖子

13 回帖
求字体设置 CSS 代码片段

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 5kyfkr •
    付费者 捐赠者

    自定义字体插件可以按顺序使用字体

    2 回复
  • sweesalt •
    订阅者 作者

    这个插件不能安装了？（我的已安装插件里没有这个）

    image.png

    1 回复
  • EmptyLight •
    付费者

    插件已经是安装状态了，不过找不到可能是出了什么问题，可以重启思源试试。

    至于自定义字体的代码片段，可以用

    :root {
	--b3-font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols" !important;
}
​

    在冒号后面依次插入你想用的字体的实际名称，就是在设置 > 字体里面看到的那个显示名称（Win10 在控制面板）。符号都需要用英文的。

    这里的生效顺序就是前后顺序，请自行安排顺序。生效范围是整个思源，编辑器字体需要保持默认不修改。

    1 回复
  • GloR •
    付费者

    即使用这个插件，似乎也只能针对 界面、编辑器（正文）、代码块 等不同部件去分别设置字体，但无法做到比如对正文内的不同元素（如 标题 vs 正文 vs 引述）设置不同的字体？（即 并不能满足楼主的需求）

    1 回复
  • sweesalt •
    订阅者 作者

    您这个是连界面一块更改的，我只想更改文档正文字体，而且想中英文用不同的字体。

    1 回复
  • sweesalt •
    订阅者 作者

    我只想更改编辑器（正文）的字体，只是中英文想使用不同的字库。

    1 回复
  • EmptyLight •
    付费者

    可以把前面的 :root 改成 .protyle-wysiwyg 试试，这样或许可以限定编辑器。（我自己没测试过，不过经验告诉我应当可行）

    至于中英文用不同的字体，如果先应用的字体同时含有中英文两种字体，就会导致后面的字体不生效。这个还请自己检查好顺序。

  • xnyshu • via macOS
    支持者 捐赠者

    这个没必要让思源来解决。

    自己修改字体，用你要的英文字体覆盖中文字体里面的相同字符，就可以解决你的问题。

    有免费的字体编辑软件，网上可以找到具体教程。

  • kubulo • via Android
    订阅者

    插件：自定义字体，可以用三种以上的方式来设定字体，字体名字不要输错哈，我已经改自己本地字体了！

  • kubulo • via Android
    订阅者

    我的可以啊，windows10

  • onemo •
    付费者

    中英文各对应一个字体
    自定义字体

  • loliking •

    我的可以，参考下图的效果：
    20250103155315.png

    具体操作就是下载“自定义字体”插件，然后在编辑器字体一栏中，将英文字体放在中文字体前面

    20250103155350.png

    1 回复
  • sweesalt •
    订阅者 作者

    谢谢，我是直接用 CSS 代码片段：

    .protyle-content .protyle-wysiwyg {
    font-family:Calibri,"霞鹜文楷 GB",仿宋,Gadugi,"Source Code Pro"; 
    font-size:17.5px !important;
    letter-spacing: -0.04em;
    font-weight:normal;
}
​
请输入回帖内容 ...
sweesalt
天津
回帖
270
 帖子
68
 积分
7487

近期热议

推荐标签 标签

  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 23 关注
  • Anytype
    3 引用 • 31 回帖 • 12 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 75 关注
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • OnlyOffice
    4 引用 • 21 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 597 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖 • 1 关注
  • 禅道

    禅道是一款国产的开源项目管理软件，她的核心管理思想基于敏捷方法 scrum，内置了产品管理和项目管理，同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能，在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来，完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 24 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量，事件及实时分析。

    2 引用 • 90 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    66 引用 • 114 回帖 • 198 关注
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 160 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    170 引用 • 1529 回帖
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    89 引用 • 122 回帖 • 617 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 643 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 57 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 1 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖 • 4 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 8 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis，2010 年这个项目由 Apache 软件基金会迁移到了 google code，并且改名为 MyBatis ，2013 年 11 月再次迁移到了 GitHub。

    173 引用 • 414 回帖 • 368 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    588 引用 • 3538 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    133 引用 • 1124 回帖 • 115 关注
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 5 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 381 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖
  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 170 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务，可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 110 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 1 关注

最新标签