How to change font in ipython notebook

Question

I am fairly new to python and have no html experience  The question has been asked and either not answered at all or not answered in enough detail for me to set the default font within iPython  not change to browser   Specifically  what has to be put in the css file and which css file should be used  I am on a Windows system   For reference  these are in answer to the linked SO questions below    in  1  an unnamed file in  usr lib python2 6     css  in comment to  1  change monospace font in browser - worked but font is italic in  2  custom css in profile subdirectory  static custom custom css   Related questions    Change ipython notebook font type Change font  amp  background color in ipython notebook Changing  back to default  font in ipython notebook  unanswered   -   Edit  Changing the monospace font in my browser worked  as suggested in an answer comment of  1  However the font is italic  which is not what is intended

User · Answer

The new location of the theme file is     jupyter custom custom css

User · Answer

In addition to the suggestion by Konrad here  I d like to suggest jupyter themes  which seems to have more options  such as line-height  font size  cell width etc   Command line usage   jt   -h   -l   -t THEME   -f MONOFONT   -fs MONOSIZE   -nf NBFONT   -nfs NBFONTSIZE   -tf TCFONT   -tfs TCFONTSIZE   -dfs DFFONTSIZE   -m MARGINS   -cursw CURSORWIDTH   -cursc CURSORCOLOR   -vim   -cellw CELLWIDTH   -lineh LINEHEIGHT   -altp   -P   -T   -N   -r   -dfonts

User · Answer

Using Jupyterthemes  one can easily change look of notebook   pip install jupyterthemes  jt -fs 15    By default code font size is set to 11   Trying above will change font size  It can be reset using   jt -r    This will reset all jupyter theme changes to default

User · Answer

There is a much easier way to do without adding the CSS files and all the other methods suggested  But you have to do it every time you start the Jupiter notebook  Go to inspect in your browser and click on the element selection icon and then click on the box  And at the bottom of the page  you will be seeing the styling option for CSS where you can easily change the font-size

User · Answer

In your notebook  simple approach   Add new cell with following code   html  lt style type  text css  gt   CodeMirror      font-size  12px     div output area pre       font-size  12px     lt  style gt

User · Answer

You can hover to  ipython folder  i e  you can type   ipython locate in your terminal bash  OR CMD exe Prompt from your Anaconda Navigator to see where is your ipython is located  Then  in  ipython  you will see profile default directory which is the default one  This directory will have static custom custom css file located  You can now apply change to this custom css file  There are a lot of styles in the custom css file that you can use or search for  For example  you can see this link  which is my own customize custom css file  Basically  this custom css file apply changes to your browser  You can use inspect elements in your ipython notebook to see which elements you want to change  Then  you can changes to the custom css file  For example  you can add these chunk to change font in  CodeMirror pre to type Monaco  CodeMirror pre  font-family  Monaco  font-size  9pt    Note that now for Jupyter notebook version  gt   4 1  the custom css file is moved to    jupyter custom custom css instead

User · Answer

In JupyterNotebook cell  Simply you can use    html  lt style type  text css  gt   CodeMirror  font-size  17px   lt  style gt

User · Answer

I would also suggest that you explore the options offered by the jupyter themer  For more modest interface changes you may be satisfied with running the syntax   jupyter-themer  -c COLOR  --color COLOR                         -l LAYOUT  --layout LAYOUT                         -t TYPOGRAPHY  --typography TYPOGRAPHY    where the options offered by themer would provide you with a less onerous way of making some changes in to the look of Jupyter Notebook  Naturally  you may still to prefer edit the  css files if the changes you want to apply are elaborate

[html] How to change font in ipython notebook

Examples related to html

Examples related to css

Examples related to fonts

Examples related to ipython-notebook