2017-09-30 2 views
1

Im Jupyter-Notebook würde ich gerne die reguläre Ubuntu-Schriftart verwenden, wenn editing Markdown-Zellen und UbuntuMono für Code-Zellen. Ich kann die Schriften von diesen beiden Zelltypen gleichzeitig durch .jupyter/custom/custom.css wie so Bearbeitung ändern:Verschiedene Schrifteinstellungen zum Editieren von Code- und Markdown-Zellen im Jupyter Notebook

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

auch als wie:

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

ich auch die Formatierung der Überschriften in den Abschlag Code Zellen verändern kann der Text aussieht, wenn gerendert (nach einer Abschlag Zelle Ausführung):

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

Allerdings verstehe ich nicht, welche CSS-Klassen I zwischen Code cel zu unterscheiden verwenden könnte ls und paragagh/body text in Markdown-Zellen im Bearbeitungsmodus. Ich habe den Objektinspektor in Firefox ausprobiert, aber der Eingabetext für beide Zelltypen wird mit denselben Span-Tags und CSS-Klassen angezeigt. Ich habe viele von the combinations listed here ausprobiert, aber es scheint, als ob ich nicht den richtigen finden kann, irgendwelche Ideen?

+0

Ich bin ein Javascript unwissend, so dass diese Idee könnte nicht vernünftig sein, aber: Codemirror kennt den Unterschied, ist es möglich, dass Sie CodeMirror eher als Jupyter anpassen? – gboffi

+0

@gboffi Leider bin ich auch Javascript ignorant ... Woher weißt du, dass CodeMirror den Unterschied erkennen kann, weil sie anders ausgeführt werden? Ich habe das auch in der [Jupyter Notebook-Problemliste] (https://github.com/jupyter/notebook/issues/2889) gefragt, aber noch keine Antworten. –

+0

@gboffi Habe gerade eine Antwort bei GitHub erhalten. Ich habe die folgende Lösung gepostet, funktioniert super! –

Antwort

1

Ich habe eine Antwort von der Jupyter Notebook-Ausgabe erhalten, die in den Kommentaren meiner Fragen hier verlinkt ist. Es ist möglich, CSS-Selektor zu kombinieren, so dass die folgenden löst mein Problem:

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