自己那 savor 的 css 折腾了一下,发现聚焦和闪卡状态下会失效,求大佬帮忙 🙏
样式大小参照 FlowUs
自己那 savor 的 css 折腾了一下,发现聚焦和闪卡状态下会失效,求大佬帮忙 🙏
样式大小参照 FlowUs
css 片段增加下面的代码即可。
然后你说的字体如果修改整体字体可以到 设置 》编辑器 》字体中修改即可,如果仅修改 li 的字体,请参考下面的代码和说明。
/* 定义li前缀大小 */
:root {
/* 无序列表圆点大小 / 有序列表数字大小, 这里的根据你的需求调整 */
--my-li-icon-size: 24px;
/* 我的自定义字体,,根据需要改成你自己本地的字体 */
--my-font-family: "流畅书写体"
}
/* li文字大小 */
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action, .protyle .protyle-wysiwyg .li[data-subtype="u"] > .protyle-action, .protyle .protyle-wysiwyg[data-readonly="false"] .li[data-subtype="t"] > .protyle-action{
font-size: var(--my-li-icon-size);
/* 如果仅修改li前缀的字体改这里,但无序列表的圆点不生效 */
/*font-family: var(--my-font-family), var(--b3-font-family-protyle);*/
}
/* 如果仅单独调整有序列文字大小改这里
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action{
font-size: var(--my-li-icon-size);
}
*/
/* li前缀图标大小 */
.protyle-wysiwyg [data-node-id].li > .protyle-action svg {
height: var(--my-li-icon-size);
width: var(--my-li-icon-size);
}
/* 修改li元素字体 */
.protyle-wysiwyg [data-node-id].li{
font-family: var(--my-font-family), var(--b3-font-family-protyle);
}
/* 如果仅更改li文本内容的字体改这里
.protyle-wysiwyg [data-node-id].li [data-type=NodeParagraph]{
font-family: var(--my-font-family), var(--b3-font-family-protyle);
}
*/
效果
注意:
--my-font-family: "流畅书写体"
这里的字体名要改成你本地的字体名。
本地字体只需要安装字体到系统中即可。
如果不生效,重启下思源即可。
不过字体和系统相关,不同操作系统或手机上也得安装相应的字体才行,否则会回落到默认字体。
那么怎么查看本地的字体有哪些?叫什么名呢?
打开思源设置对话框,然后打开控制台(windows/linux:Ctrl + Shift + I
, macos:Cmd + Opt + I
),切换到 console 选项卡,然后输入以下代码查看
Array.from(document.querySelector("#fontFamily")).map(option=>option.value)
代码片段
/* 定义li前缀大小 */
:root {
/* 无序列表圆点大小 / 有序列表数字大小 */
--my-u-li-icon-size: 12px;
--my-o-li-icon-size: 15px;
}
/* li文字大小 */
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action, .protyle .protyle-wysiwyg .li[data-subtype="u"] > .protyle-action, .protyle .protyle-wysiwyg[data-readonly="false"] .li[data-subtype="t"] > .protyle-action{
font-size: var(--my-u-li-icon-size);
}
.protyle .protyle-wysiwyg .li[data-subtype="o"] > .protyle-action{
font-size: var(--my-o-li-icon-size);
}
主题
经测试,其他主题下,以上代码片段不生效。
测试文档:测试.sy.zip
经测试,有序列表在聚焦/闪卡状态下能够正常显示。
Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。
C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。
我来 wolai:不仅仅是未来的云端笔记!
Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。
愿逝者安息!
京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。
机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。
面试造航母,上班拧螺丝。多面试,少加班。
Thank God It's Friday! 感谢老天,总算到星期五啦!
V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。
Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。
“梦想从学习开始,事业从实践起步” —— 习近平
为成为自由职业者在家办公而努力吧!
JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。
安全 · 稳定 · 快速
为跨境从业人员提供专业的跨境浏览器
区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。
找到自己的位置,萌新烦恼少。
Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。
Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。
发布对别人有帮助的原创内容是最好的 SEO 方式。
房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。
以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。
MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。
SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。