Jupyter Notebook怎么更改默认编辑器字体

冬宇吖_6794

冬宇吖_6794

2026-08-14

191人浏览

原创

codemirror 是 jupyter notebook 渲染代码的编辑器组件,改字体需修改 custom.css 文件,写入 .codemirror pre { font-family: "consolas", monospace !important; } 等样式,并确保字体已安装、名称准确、含 !important 且路径正确。

jupyter notebook怎么更改默认编辑器字体

CodeMirror 是 Jupyter Notebook 实际渲染代码的编辑器组件,改字体本质就是改它用的 font-family。直接改系统或浏览器默认字体无效,也不影响单元格内代码显示——那是骗人的。

直接改 custom.css 最稳妥(推荐)

这个文件是 Jupyter 专门预留的用户样式入口,重启后即生效,且不会被升级覆盖(只要不重装 notebook 包)。

  • 先生成配置目录(如果还没创建过):jupyter --data-dir 查看路径,然后进入 custom 子目录(如 C:\Users\XXX\.jupyter\custom\
  • 在该目录下新建或编辑 custom.css,写入类似内容:
.CodeMirror pre {
  font-family: "Consolas", "Microsoft YaHei Mono", "Segoe UI Mono", monospace !important;
  font-size: 14px !important;
}
.rendered_html code {
  font-family: "Consolas", monospace !important;
}

注意:!important 很关键,否则会被内置 CSS 覆盖;优先列等宽字体,最后 fallback 到 monospace

别碰 codemirror.css(容易翻车)

网上常提修改 notebook/static/components/codemirror/lib/codemirror.css,但这是源码级文件,每次 pip install --upgrade notebook 都会被重置,而且不同安装方式(conda/pip/venv)路径差异大,容易找错位置或权限不足。

  • 常见错误:改完没生效 → 实际是改了错误路径下的副本,或没重启服务
  • 更糟情况:误删/改错语法,导致整个 notebook 页面白屏或编辑器不可用
  • Windows 上若用 conda 安装,路径可能藏在 envs/xxx/Lib/site-packages/...,不是主 Anaconda 目录

jupyterthemes 快速换主题+字体(适合想一步到位)

它本质也是写 custom.css,但封装了命令行,省去手写 CSS 的麻烦,还附带暗色主题、间距调整等。

Jupyter Notebook 7.5.4
Jupyter Notebook 7.5.4

Jupyter Notebook 7.5.4 官方 PyPI wheel 包下载,适合用于本地交互式代码运行、数据分析、教学演示和配置文件实践。

下载
  • 安装:pip install jupyterthemes(conda 用户可用 conda install -c conda-forge jupyterthemes
  • 查主题:jt -l,挑一个喜欢的(比如 oceans16grade3
  • 设字体+字号:jt -t oceans16 -f firacode -fs 13 -cellw 90%-f 指定等宽字体名,需系统已安装)
  • 还原默认:jt -r,但记得清浏览器缓存(Ctrl+F5),否则旧样式还在

注意:firacode 这类连字字体要提前装好,否则 fallback 到系统默认等宽字体;-fs 只控制代码区字号,输出区字号得额外加 -ofs 参数。

字体名大小写和引号容易踩坑

Windows 下常见字体如 ConsolasSource Code ProJetBrains Mono,名字必须拼写准确,空格不能少,首字母大写通常要保持。

  • 中文字体必须加英文引号:"Microsoft YaHei Mono",否则解析失败
  • monospace 前面不能漏掉逗号,否则整个声明失效
  • 如果用了未安装的字体(比如写了 "Hack" 但没装),浏览器会静默 fallback 到下一个,你根本看不出问题

真正生效的字体,只取决于你本地是否安装、名字是否匹配、CSS 是否被正确加载——其他所有“全局设置”“浏览器字体”都是干扰项。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
pycharm怎么改成中文
pycharm怎么改成中文

PyCharm是一种Python IDE(Integrated Development Environment,集成开发环境),带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具,比如调试、语法高亮、项目管理、代码跳转、智能提示、自动完成、单元测试、版本控制。此外,该IDE提供了一些高级功能,以用于支持Django框架下的专业Web开发。php中文网给大家带来了pycharm相关的教程以及文章,欢迎大家前来学习和阅读。

2023.07.25

2309

3

pycharm安装教程
pycharm安装教程

PyCharm是一款由JetBrains开发的Python集成开发环境(IDE),它提供了许多方便的功能和工具。本专题为大家带来pycharm安装教程,帮助大家解决问题。

2023.08.21

4317

4

如何解决pycharm找不到模块
如何解决pycharm找不到模块

解决pycharm找不到模块的方法:1、检查python解释器;2、安装缺失的模块;3、检查项目结构;4、检查系统路径;5、使用虚拟环境;6、重启PyCharm或电脑。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.12.04

738

5

如何安装pycharm
如何安装pycharm

安装pycharm的步骤:1、访问PyCharm官方网站下载最新版本的PyCharm;2、下载完成后,打开安装文件;3、安装完成后,打开PyCharm;4、在PyCharm的主界面中等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

694

5

python和pycharm的区别
python和pycharm的区别

Python和PyCharm是两个不同的概念,它们的区别如下:1、Python是一种编程语言,而PyCharm是一款Python集成开发环境;2、Python可以运行在各种不同的开发环境中,而PyCharm是专门为Python开发而设计的IDE等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

467

5

pycharm环境如何配置
pycharm环境如何配置

配置教程:1、下载并安装PyCharm;2、选择Python解释器;3、配置虚拟环境;4、配置代码风格;5、配置调试器;6、配置版本控制工具;7、配置插件;8、配置Python路径和环境变量;9、配置其他选项。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

482

5

pycharm解释器如何安装
pycharm解释器如何安装

安装步骤:1、打开PyCharm并打开你的项目;2、转到"File">“Settings”;3、在设置窗口中选择"Project">“Python Interpreter”;4、 点击“+” 符号添加新的解释器等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

323

5

pycharm并行运行是啥意思
pycharm并行运行是啥意思

pycharm中的并行运行功能允许并发运行代码块,提高开发和测试效率。通过启用该功能和设置进程数,可以:加快开发和调试过程;缩短测试套件的运行时间;充分利用多核处理器;简化复杂代码的结构和维护。想了解更多pycharm的相关内容,可以阅读本专题下面的文章。

2024.04.18

1128

11

pycharm的作用
pycharm的作用

pycharm是一款专为python编程设计的ide,提供以下功能:智能代码补全,实时错误检测和快速修复;代码重构,版本控制集成,先进调试工具等等。想了解更多pycharm的相关内容,可以阅读本专题下面的文章。

2024.04.18

4776

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程