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

Question

我对python很新，没有HTML经验。问题已被提出，或者根本没有回答，或者没有详细回答我在iPython中设置默认字体（不更改为浏览器）。具体来说，必须在css文件中放入什么以及应该使用哪个css文件？我在Windows系统上。

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

• in #1：/usr/lib/python2.6/.../css/
中的未命名文件
• in comment to #1：在浏览器中更改monospace字体 - 工作但字体是斜体
• in #2：custom.css位于个人资料子目录/static/custom/custom.css
中

相关问题：

1. Change ipython notebook font type
2. Change font & background color in ipython notebook
3. Changing (back to default) font in ipython notebook（未答复） -

修改 正如＃1的答案评论所示，在浏览器中更改等宽字体是有效的。但是字体是斜体，这不是预期的。

Answer 1

您可以将鼠标悬停在.ipython文件夹中（即您可以在终端/ bash中输入$ ipython locate以查看您的ipython位于何处）

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

您现在可以对此custom.css文件应用更改。 custom.css文件中有很多样式可供您使用或搜索。例如，您可以看到this link（这是我自己的自定义custom.css文件）

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

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

注意现在，对于Jupyter笔记本版本＆gt; = 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

除了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 5

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

pip install jupyterthemes

jt -fs 15 

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

jt -r 

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

Answer 6

在JupyterNotebook单元中， 只需使用即可：

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

Answer 7

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

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

Answer 8

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

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

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

Answer 9

对于 chrome 用户来说，这很简单。

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

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

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