如何更改 ipython 笔记本中的字体

Question

我对 python 相当陌生，没有 html 经验。 这个问题已经被问到，要么根本没有回答，要么没有足够详细地回答我在 iPython 中设置默认字体（不更改为浏览器）。 具体来说，css文件中必须放什么，应该使用哪个css文件？ 我在 Windows 系统上。

作为参考，这些是对下面链接的 SO 问题的回答：

• #1 中： /usr/lib/python2.6/.../css/的未命名文件
• 在对 #1 的评论中：在浏览器中更改等宽字体 - 工作但字体为斜体
• 在 #2 中：配置文件子目录中的custom.css /static/custom/custom.css

相关问题：

1. 更改 ipython 笔记本字体类型
2. 在 ipython 笔记本中更改字体和背景颜色
3. 在 ipython 笔记本中更改（恢复为默认值）字体（未答复）-

编辑：按照#1 的答案评论中的建议，更改浏览器中的等宽字体有效。 但是字体是斜体的，这不是预期的。

Answer 1

您可以将鼠标悬停到.ipython文件夹（即您可以在终端/bash 中输入$ ipython locate或从您的 Anaconda Navigator 中CMD.exe Prompt以查看您的 ipython 所在的位置）

然后，在.ipython ，您将看到profile_default目录，这是默认目录。 该目录将包含static/custom/custom.css文件。

您现在可以将更改应用到这个custom.css文件。 custom.css文件中有很多样式可供您使用或搜索。 比如你可以看到这个链接（这是我自己定制的custom.css文件）

基本上，这个custom.css文件会将更改应用到您的浏览器。 您可以在 ipython 笔记本中使用检查元素来查看要更改的元素。 然后，您可以更改custom.css文件。 例如，您可以添加这些块以更改.CodeMirror pre字体以键入Monaco

.CodeMirror pre {font-family: Monaco; font-size: 9pt;}

请注意，现在对于 Jupyter Notebook 版本 >= 4.1，自定义 css 文件已移至~/.jupyter/custom/custom.css 。

Answer 2

我还建议您探索jupyter themer提供的选项。 对于更适度的界面更改，您可能会对运行语法感到满意：

jupyter-themer [-c COLOR, --color COLOR]
                      [-l LAYOUT, --layout LAYOUT]
                      [-t TYPOGRAPHY, --typography TYPOGRAPHY]

Themer提供的选项将为您提供一种不那么繁琐的方式来对 Jupyter Notebook 的外观进行一些更改。 当然，如果您要应用的更改很详细，您可能仍然更喜欢编辑.css文件。

Answer 3

主题文件的新位置是： ~/.jupyter/custom/custom.css

Answer 4

在 JupyterNotebook 单元中，您可以简单地使用：

%%html
<style type='text/css'>
.CodeMirror{
font-size: 17px;
</style>

Answer 5

除了这里 Konrad 的建议之外，我还想建议jupyter themes ，它似乎有更多选项，例如行高、字体大小、单元格宽度等。

命令行用法：

jt  [-h] [-l] [-t THEME] [-f MONOFONT] [-fs MONOSIZE] [-nf NBFONT]
[-nfs NBFONTSIZE] [-tf TCFONT] [-tfs TCFONTSIZE] [-dfs DFFONTSIZE]
[-m MARGINS] [-cursw CURSORWIDTH] [-cursc CURSORCOLOR] [-vim]
[-cellw CELLWIDTH] [-lineh LINEHEIGHT] [-altp] [-P] [-T] [-N]
[-r] [-dfonts]

Answer 6

使用 Jupyterthemes，可以轻松更改笔记本的外观。

pip install jupyterthemes

jt -fs 15 

默认情况下，代码字体大小设置为 11 。 尝试以上将改变字体大小。 可以使用重置。

jt -r 

这会将所有 jupyter 主题更改重置为默认值。

Answer 7

在您的笔记本中（简单方法）。 使用以下代码添加新单元格

%%html
<style type='text/css'>
.CodeMirror{
    font-size: 12px;
}

div.output_area pre {
    font-size: 12px;
}
</style>

Answer 8

有一种更简单的方法，无需添加 CSS 文件和所有其他建议的方法。 但是每次启动 Jupiter notebook 时都必须这样做。

在浏览器中检查并单击元素选择图标，然后单击该框。 在页面底部，您将看到 CSS 的样式选项，您可以在其中轻松更改字体大小。

Answer 9

对于 chrome 用户，这很简单。

只需在您的操作系统中安装所需的字体。 然后打开上述浏览器，转到设置 -> 外观 -> 自定义字体。

转到固定宽度字体并从下拉列表中选择所需的字体。

注意：这也可能会更改其他一些地方的字体，具体取决于您访问的网页。