编辑~///最可靠的方法.jupyter/custom/custom.css(Windows为C:\Users\<用户名>\.jupyter\custom\custom.css),代码区通过CSS选择器精确控制(.CodeMirror pre)、Markdown区(.rendered_html)和输出区(.output_subarea pre)需要添加字体、大小和行高!important确保生效,修改后Jupyter进程必须完全重启。直接改
custom.css 最稳定的,不要碰核心源码文件
改 Jupyter Notebook 编辑字体大小和类型最可靠的方法是编辑 ~/.jupyter/custom/custom.css(Windows 是 C:\Users\<username>\.jupyter\custom\custom.css</username>)。许多教程可以让你改变 codemirror/lib/codemirror.css 或 notebook/static/components/codemirror/...,这是硬编码路径,升级 notebook 后来很容易被覆盖,白改了。
常见错误现象:改正重启 Jupyter 没生效 → 大多数是路径错误和文件名称错误(例如,它们被写成 custom.csss)、或者没有重启服务(不仅仅是刷新网页)。
-
custom如果目录不存在,手动创建,以确保级别是.jupyter → custom → custom.css - 文件必须叫
custom.css,不能是style.css或带 BOM 的 UTF-8 编码(用 VS Code 或 Notepad++ 保存为 UTF-8 无 BOM) - 所有修改后必须完全关闭 Jupyter 进程(
Ctrl+C或者杀死任务管理器python和jupyter-notebook进程),重新启动
.CodeMirror pre 控制代码区字体,.rendered_html 控制 Markdown 渲染区
不同的区域应使用不同的区域 CSS 选择器,光改一个地方,只会局部生效。例如,只改变它。 .CodeMirror pre,代码单元格变大了,但是下面的输出文字,Markdown 格式文本仍然很小。
推荐最小可用配置(粘贴进入) custom.css 即可):
/* 代码编辑区 */
.CodeMirror pre {
font-family: "Fira Code", "Consolas", "Courier New", monospace !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
<p>/<em> Markdown 输出区 </em>/
.rendered_html {
font-family: "Segoe UI", "Microsoft YaHei", sans-serif !important;
font-size: 15px !important;
}</p><p>/<em> 输出结果区(如 print()、DataFrame 表格) </em>/
.output_subarea pre,
.output_subarea p {
font-size: 14px !important;
}注意:!important 必须添加,否则会被添加 Jupyter 内置风格覆盖;line-height 建议设为 1.3–1.5,否则,字体太挤或太松;建议使用中文字体 fallback 到 sans-serif,避免某些系统缺字报错。
jupyterthemes 快速更换主题+字体,但不要依靠它来调整细粒度
jupyterthemes 真的可以一键改变暗色主题和字体大小。命令就像 jt -t oceans16 -f fira -fs 14 非常方便。但其本质是批量生成和覆盖。 custom.css,每次执行都会重写整个文件 —— 如果您手动添加注释,调整行高或输出区的样式,则将被清空。
Jupyter Notebook 7.5.4
Jupyter Notebook 7.5.4 官方 PyPI wheel 包下载适用于本地交互式代码运行、数据分析、教学演示和文件配置实践。
下载适合使用场景:刚刚安装: notebook,想要快速获得一套协调的深色主题 + 可读字体;不合适:已定制 CSS、或者需要单独注释字号、表格行高等细节。
- 安装后首次运行
jt -l检查主题列表,jt -t grade3切亮色主题 - 想保留自己写的东西 CSS?先备份
custom.css,再用jt,最后,手动合并备份中有用的片段 -
jt -r默认情况下恢复,但不会自动删除您的手写custom.css,你必须清空内容或删除文件
用 Ctrl + 放大整个页面确实可以让单词“看起来”变大,但它放大了一切:菜单栏、按钮、侧栏,甚至 cell 边框线,UI 元素比例完全混乱,长时间使用眼睛更累。并更换设备或共享 notebook 对他人来说,效果完全不一致。
真正影响可读性的是代码区等宽字体渲染质量、行高和字符间距。只有这些 CSS 精确控制。Chrome 插件如 Dark Reader 只改变背景色,不解决字体本身丑陋或小的问题;Edge / Firefox 当没有相应的插件时,它将完全失效。
一句话:浏览器缩放 = 应急手段;custom.css = 唯一可靠的生产环境路径。