用于编辑Jupyter Notebook

时间:2017-09-30 16:05:50

标签: css jupyter-notebook ipython-notebook jupyter

在Jupyter笔记本中,我想在编辑降价单元格时使用常规Ubuntu字体,在代码单元格中使用UbuntuMono。我可以通过编辑.jupyter/custom/custom.css来同时更改这两种单元格类型的字体:

.CodeMirror pre {
    font-family: "Ubuntu Mono", monospace;
    font-size: 14pt;
}

我还可以更改降价代码单元格中标题的格式:

.cm-header {
    font-size: 110%;
    font-family: "Ubuntu";
}

以及渲染时文本的外观(执行降价单元格后):

div.text_cell_render {
    font-family: "Ubuntu";
    font-size: 12pt;
}

但是,我不明白在编辑模式下我可以使用哪些css类来区分标记单元格中的代码单元格和段落/正文文本。我在Firefox中尝试了对象检查器,但两种单元格类型的输入文本都显示了相同的span标签和css类。我已经尝试了很多the combinations listed here,但似乎我找不到合适的,任何想法?

1 个答案:

答案 0 :(得分:2)

我收到了Jupyter Notebook问题的回复,这些问题与我在这里提出的问题的评论相关联。可以组合CSS选择器,所以以下解决了我的问题:

.text_cell .CodeMirror pre {
    font-family: "Ubuntu";
    font-size: 12pt;
}