【问题标题】:How to change font in ipython notebook如何在 ipython 笔记本中更改字体
【发布时间】:2014-04-18 15:27:19
【问题描述】:

我对 python 还很陌生,没有 html 经验。该问题已被提出,要么根本没有回答,要么没有详细回答,我无法在 iPython 中设置默认字体(不更改为浏览器)。具体来说,必须在 css 文件中放入什么以及应该使用哪个 css 文件?我在 Windows 系统上。

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

  • in #1/usr/lib/python2.6/.../css/ 中的一个未命名文件
  • in comment to #1:在浏览器中更改等宽字体 - 有效,但字体为斜体
  • 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的答案评论中所建议的那样,在我的浏览器中更改等宽字体有效。但是字体是斜体的,这不是预期的。

【问题讨论】:

  • 还有很多类似内容的问题,例如hereherecustom.css 方法是要走的路!

标签: html css fonts ipython-notebook


【解决方案1】:

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

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

您现在可以将更改应用到此custom.css 文件。 custom.css 文件中有很多样式可供您使用或搜索。比如可以看到this link(这是我自己自定义的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

【讨论】:

  • 最简单的尝试是去~/.ipython/profile_default/static/custom/ 然后rm custom.css 然后做wget https://raw.githubusercontent.com/titipata/klab_ipython_notebook/master/custom.css
  • 请注意,现在对于 IPython 版本 >= 4.1,自定义 css 文件已移至 ~/.jupyter/custom/custom.css
  • 我必须创建 .jupyter/custom/custom.css 文件,因为我的安装 (pip) 默认不存在该文件。我通过 wget 下载了上述模板,然后修改给我们一个单字体,这样我就可以辨别 1 和 l 。
【解决方案2】:

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

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

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

【讨论】:

    【解决方案3】:

    主题文件的新位置为:~/.jupyter/custom/custom.css

    【讨论】:

    • 这是新文件位置并将文件编辑到.CodeMirror pre { font-family: Anonymous Pro; font-size: 9pt; }
    • 单格怎么办?
    【解决方案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]
    

    【讨论】:

      【解决方案5】:

      使用 Jupyterthemes,可以轻松改变笔记本的外观。

      pip install jupyterthemes
      
      jt -fs 15 
      

      默认代码字体大小设置为 11 。上面的尝试会改变字体大小。可以使用重置。

      jt -r 
      

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

      【讨论】:

      • 我可能是错的,但是如果您使用默认主题,命令jt -fs 15 将不会在不指定主题jt -t name_of_the_theme -fs 15 的情况下设置字体大小。因此,我担心jt 不允许您重置默认主题的字体大小。
      • 此命令会将 jupyter notebook 主题重置为默认值,并且不会更改字体大小。更好的用法是@RandomWalker 建议的jt -t chesterish -fs 14
      • jt -t chesterish -fs 14 -ofs 12 更好的命令更改主单元格字体大小和输出字体大小
      【解决方案6】:

      在 JupyterNotebook 单元格中, 您可以简单地使用:

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

      【讨论】:

        【解决方案7】:

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

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

        【讨论】:

          【解决方案8】:

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

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

          【讨论】:

            【解决方案9】:

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

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

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

            注意:这也可能会根据您访问的网页更改某些其他地方的字体。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2014-03-12
              • 2015-08-21
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2013-03-18
              相关资源
              最近更新 更多