Python Jupyter - Change default font

Question

I want to change the default font (to Gill sans) that displays in Jupyter, but am having problems knowing where I go to edit it.

I have looked in the .ipython folder and I have no Static folder, and I have looked in the .jupyter folder and it is empty.

Does anyone know?

score 17 · Accepted Answer · edited Oct 06 '18 at 16:28

17

You can modify the styles of Jupyter notebook by adding values to the file in;

.jupyter\custom\custom.css

If the custom dir isn't in .jupyter just make it and add custom.css in it.

In your new blank custom.css file you can add something like this to change the font for the code mirror;

.CodeMirror pre, .CodeMirror-dialog, .CodeMirror-dialog .CodeMirror-search-field, .terminal-app .terminal {
    font-family: YOUR-FAV-FONT;
    font-size: 12pt;
}

Here is a example of a pimped out custom.css. It's from my one-dark-notebook repo on github. feel free to clone/fork it and do whatever.

edited Oct 06 '18 at 16:28

Mehdi

1,260
2
16
36

answered Aug 07 '17 at 10:34

James Draper

5,110
5
40
59

1

Hey, thank you, but aside from a 'migrated' file, my .jupyter folder is empty? – Nicholas Aug 07 '17 at 10:35
1

Make sure to clear you browser's cache and and reload when changing the styles. – James Draper Aug 07 '17 at 10:36
Thank you James. I will have a play around and do some research on what part I need to change, but it seems to be doing something, so thank you VERY much :) – Nicholas Aug 07 '17 at 10:41
Okay also what do you mean by the default font? Cus I just added the CodeMirror one in my answer. – James Draper Aug 07 '17 at 10:45
Also you should fork that repo I just linked to and accept this dope answer :) – James Draper Aug 07 '17 at 10:51
1

Ye, sorry, I am using codemirror :)... I will check out that repo! Thank you! I really appreciate your help on this – Nicholas Aug 07 '17 at 11:01
Oh, one last question. When you say 'make sure to clear you browser's cache'... do you mean everything? like passwords, browsing history etc? – Nicholas Aug 07 '17 at 11:03
Naw just the cache. and don't forget to reload. – James Draper Aug 07 '17 at 11:07
Press F12 in the Firefox and point cursor on divs which are in the notebook to see what CSS classes should be overriden. – Ihor B. Apr 15 '18 at 11:21
@JamesDraper: do you know what the default font is for Jupyter? I'm trying to match it in BBEdit and I can't find it. – NLR Sep 05 '18 at 16:52
1

@NLR I don't know off the top of my head but I think it's consolas. – James Draper Sep 05 '18 at 18:31
Now this wouldn't work directly if we didn't add `! important` in the end. – jizhihaoSAMA Jan 11 '21 at 12:03

score 5 · Answer 2 · answered Jan 05 '18 at 05:22

5

You can change font size, background themes, cell widths etc.. from the command line. Check out the following GitHub page. https://github.com/dunovank/jupyter-themes

answered Jan 05 '18 at 05:22

user3687197

181
1
4

msalperen · Answer 3 · 2017-08-07T13:00:20.963

3

You can set defalut font at: /.jupyter/jupyter_qtconsole_config.py or from the command line. Check out this document (page 23) for a command line example https://media.readthedocs.org/pdf/qtconsole/latest/qtconsole.pdf

edited Aug 07 '17 at 13:00

answered Aug 07 '17 at 10:41

msalperen

135
8

Thank you very much, I will look into it now :) – Nicholas Aug 07 '17 at 11:00

Python Jupyter - Change default font

3 Answers3

Linked