2017-09-30 17 views
1

Jupyter 노트에서 코드 셀에 대해 마킹 셀과 UbuntuMono를 편집 할 때 일반 우분투 글꼴을 사용하고 싶습니다.Jupyter 노트의 코드 및 마크 다운 셀 편집을위한 다른 글꼴 설정

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

나는 또한 가격 인하 코드 셀의 헤더의 서식을 변경할 수 있습니다 :

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

을뿐만 아니라 방법과 같은 I 동시에과 같이 .jupyter/custom/custom.css을 편집하여이 두 세포 유형의 글꼴을 변경할 수 있습니다 그러나

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

, 내가 코드 CEL 구별하는 데 사용할 수있는 CSS 클래스를 이해하지 않는다 : (A 인하 셀을 실행 한 후) 렌더링 될 때 텍스트가 보인다 ls 및 paragragh/본문 텍스트를 편집 모드에서 표시합니다. 파이어 폭스에서 오브젝트 인스펙터를 시도했지만 두 셀 유형의 입력 텍스트는 동일한 span 태그와 css 클래스로 표시됩니다. the combinations listed here을 여러 번 시도했지만 올바른 아이디어를 찾을 수없는 것 같습니다.

+0

내가 자바 스크립트 무지를 오전, 그래서이 아이디어는 그러나 분별있는 일, 할 수 없습니다 CodeMirror 차이를 알고, 당신이 가지고 수 있습니다 Jupyter가 아닌 CodeMirror를 사용자 정의 하시겠습니까? – gboffi

+0

@ gboffi 불행히도, 나는 Javascript를 모르는 ... CodeMirror가 다르게 실행되기 때문에 차이를 알 수 있음을 어떻게 알 수 있습니까? 나는 또한 [Jupyter Notebook issue list] (https://github.com/jupyter/notebook/issues/2889)에서이 질문을했으나 아직 답장을 보내지 않았다. –

+0

@gboffi GitHub에서 회신을 받았습니다. 나는 아래의 솔루션을 게시, 잘 작동합니다! –

답변

1

내 질문에 대한 의견에 링크 된 Jupyter Notebook 문제의 답장을 받았습니다. CSS 선택기를 결합 할 수 있습니다, 그래서 다음은 내 문제 해결 :

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