2017-09-30 9 views
1

Dans le bloc-notes Jupyter, je souhaite utiliser la police Ubuntu standard lorsque éditer les cellules markdown et UbuntuMono pour les cellules de code. Je peux modifier les polices de ces deux types de cellules simultanément en éditant .jupyter/custom/custom.css comme ceci:Différents paramètres de police pour l'édition de cellules de code et de démarquage dans le bloc-notes Jupyter

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

Je peux aussi changer la mise en forme des en-têtes dans les cellules de code Markdown:

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

et comment le texte semble lors du rendu (après l'exécution d'une cellule démarquage):

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

Cependant, je ne comprends pas les classes css je pourrais utiliser pour distinguer entre le code cel ls et Paragragh/corps du texte dans les cellules markdown en mode édition. J'ai essayé l'inspecteur d'objets dans Firefox, mais le texte d'entrée pour les deux types de cellules apparaît avec les mêmes balises span et classes CSS. J'ai essayé beaucoup de the combinations listed here, mais il semble que je ne peux pas trouver le bon, des idées?

+0

Je suis un Javascript ignorant, si cette idée ne pouvait pas être un sensible, cependant: CodeMirror connaît la différence, est-il possible que vous avez personnaliser CodeMirror plutôt que Jupyter? – gboffi

+0

@gboffi Malheureusement, je suis aussi Javascript ignorant ... Comment savez-vous que CodeMirror peut faire la différence, parce qu'ils sont exécutés différemment? J'ai également demandé cela sur la [liste des problèmes Jupyter Notebook] (https://github.com/jupyter/notebook/issues/2889), mais pas encore de réponses. –

+0

@gboffi Je viens de recevoir une réponse à GitHub. J'ai posté la solution ci-dessous, fonctionne très bien! –

Répondre

1

J'ai reçu une réponse du problème de Jupyter Notebook lié dans les commentaires de mes questions ici. Il est possible de combiner sélecteur CSS, de sorte que le suivant résout mon problème:

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