登录 注册

标题字形的加粗和字号怎么修改？

本贴最后更新于 319 天前，其中的信息可能已经东海扬尘

文章标题和内容标题的字形加粗太严重了，还有字号跟正文差距太大，不知道在哪修改。

主题 themes.css 文件好像没有控制这些的代码。求教大神！

截屏 2023081901.09.56.png

截屏 2023081901.08.16.png

  • 思源笔记

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

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

    19819 引用 • 75899 回帖
  • Q&A

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

    6891 引用 • 31075 回帖 • 228 关注
1 引用
笔记本大标题太大 • mdzz2048
2 操作
xnyshu 在 2023-08-21 09:18:52 置顶了该帖
xnyshu 在 2023-08-19 12:01:49 置顶了该帖
武汉 位置
500 悬赏
1 收藏
1 引用
2 操作
12 回帖
6
5
1.0k 293 30 578 12 5 114

相关帖子

12 回帖
标题字形的加粗和字号怎么修改？

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • hconly • • 1 • 1 赞同
    订阅者 付费者 捐赠者

    20230821105044.jpg

    如图所示，先用开发者工具左上角的箭头选中标题所在的容器，就可以在右下方红框所示位置看到对应的 css 代码，此时你可以直接在这个位置修改字体大小，例如将 font-size:40px 中的 40 改为 30，改完后的代码如下：

    .protyle-title__input {
    font-weight: 700;
    font-size: 30px;
    }

    然后将这段代码放到“设置-外观-代码片段”里，注意该代码片段的开关要打开，然后点确定，就生效了。

    你直接改 css 文件是不能同步到手机端的，只有“代码片段”可以。

    以前没有代码片段这个功能的时候，我都是先把手机连上电脑，把 css 文件在电脑里改好了再塞回去，麻烦得很，现在方便了。

    2 回复
    1 引用
  • xnyshu •
    支持者 作者

    不能保存修改项，推出后重新打开就恢复原样。

    1 回复
  • GloR •
    付费者

    感谢！

  • hconly •
    订阅者 付费者 捐赠者

    注意该代码片段的开关要打开，光点确定没用。另外还有一个情况，可能是样式优先级的问题，试着在 css 代码后面加一个!important，例如：

    .protyle-title__input {
    font-weight: 700;
    font-size: 30px !important;
    }

    3 回复
    1 引用
  • xnyshu •
    支持者 作者

    感谢！

  • xnyshu •
    支持者 作者

    请问：

    .protyle-wysiwyg [data-node-id] [spellcheck]** {

    min-height: 74px

    }

    这段代码控制背景的最小高度。怎样才能去除这个效果呢？

    1 回复
  • xnyshu •
    支持者 作者

    请问，能不能不通过添加代码片段，直接改源代码。我改源代码当时能生效，但退出重新打开思源就又恢复原样。不知道是什么问题。文字背景高度能不能设置成自适应？

    1 回复
    1 操作
    xnyshu 在 2023-08-26 11:02:51 更新了该回帖
  • hconly •
    订阅者 付费者 捐赠者

    min-height: auto !important;

    就这句，就能覆盖原有的了。

    1 回复
  • hconly •
    订阅者 付费者 捐赠者

    不用代码片段的话，有一种方法也许还能用，但我没测试哈，你试试：

    打开当前工作空间所在目录的 data\widgets 文件夹，新建一个 custom.css 文件（也许这个文件本来就存在），然后把你要放的 css 代码放在这里，效果跟代码片段应该是一样的。

    以前没有代码片段功能的时候就是有两个方法，一个直接改主题样式源文件，一个是新增这个自定义文件。

    如果没用的话，就是现在已经取消这个方法了。

  • xnyshu •
    支持者 作者

    我直接改成了：1em。这跟 auto 有什么区别？

    1 回复
  • hconly •
    订阅者 付费者 捐赠者

    auto 表示自动，即不限最小高度。1em 是具体的值，em 是一个单位，1em 表示一个字符的高度或宽度，如果该样式所在容器的字体大小为 36 像素，那么 1em 就是 36 像素，如果字体大小为 72 像素，那么 1em 就是 72 像素，1em 代表多少像素取决于它所在容器的字体大小。所以如果你感觉 1em 刚好够用，那可能是真的刚好而已，凑巧了。

    1 回复
  • xnyshu •
    支持者 作者

    auto 有时候会出现非常细的空行。1em 好像还没遇到。

请输入回帖内容 ...
xnyshu
武汉
回帖
241
 帖子
92
 积分
2011

近期热议

推荐标签 标签

  • jsDelivr

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

    5 引用 • 31 回帖 • 52 关注
  • 微软

    微软是一家美国跨国科技公司，也是世界 PC 软件开发的先导，由比尔·盖茨与保罗·艾伦创办于 1975 年，公司总部设立在华盛顿州的雷德蒙德（Redmond，邻近西雅图）。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 1 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 708 关注
  • V2Ray
    1 引用 • 15 回帖
  • OnlyOffice
    4 引用 • 15 关注
  • 职场

    找到自己的位置，萌新烦恼少。

    126 引用 • 1699 回帖
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 632 关注
  • JVM

    JVM（Java Virtual Machine）Java 虚拟机是一个微型操作系统，有自己的硬件构架体系，还有相应的指令系统。能够识别 Java 独特的 .class 文件（字节码），能够将这些文件中的信息读取出来，使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 442 关注
  • JWT

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

    20 引用 • 15 回帖 • 19 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者规模的网站中的所有动作流数据。 这种动作（网页浏览，搜索和其他用户的行动）是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖 • 4 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖 • 1 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架，基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 356 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    87 引用 • 1206 回帖 • 449 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    34 引用 • 467 回帖 • 711 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统（DBMS），它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的，并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖
  • BookxNote

    BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

    笔记整理交给我，一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 517 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    138 引用 • 268 回帖 • 147 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件，最早由德国 Innotek 公司开发，由 Sun Microsystems 公司出品的软件，使用 Qt 编写，在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 8 关注
  • OpenStack

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

    10 引用 • 1 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 477 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 210 关注
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    76 引用 • 429 回帖

最新标签