Changing the font in iPython notebook markdown cells

Question

I just wanted to change the default font in Ipython (1.0.0) notebook markdown cells to something else, and tried doing this using style tags in a markdown cell instead of going through the path of creating a custom.css. I do not know CSS, and my needs are very minimal. After some research, I found the following code snippet:

<style>
div.text_cell_render {
font-family: "Times New Roman", serif;
...
}
</style>

I applied the above CSS code to a markdown cell, however the font in the other markdown text cells did not change. Do I have to turn something on first? Below is how it looks like:

Scrrenshot

Jakob · Accepted Answer · 2013-10-15 21:27:53Z

3

On Ubuntu this works:

<style>
.text_cell_render {
font-family: Times New Roman, serif;
}
</style>

The ... in your example indicate other possible options like listed e.g. in http://www.w3schools.com/css/css_text.asp

However, this CSS applies to all rendered cell text, ie. markdown and heading. If you want to format just the markdown text use .text_cell_render p {. The individual headings can be addressed with h1, h2, etc instead of p.

answered Oct 15, 2013 at 21:27

Jakob

21k8 gold badges81 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

marillion Over a year ago

it works in windows, too. But not in OSX for some reason. In neither Safari or Chrome I could make it work.

Jakob Over a year ago

Do you have a font named Times New Roman in OSX? Can you try with another font?

benten Over a year ago

Try "Times". Worked fine for me on OSX.

Pablo Vilas · Accepted Answer · 2022-08-28 09:33:26Z

0

To change the CSS style in a Jupyter notebook, simply create a cell at the top with the styles:

%%html
<style>
.rendered_html p {
    font-size: 17px;
    font-family: Ubuntu Mono;
    text-align:justify}
</style>

More information in here

answered Aug 28, 2022 at 9:33

Pablo Vilas

6066 silver badges15 bronze badges

Collectives™ on Stack Overflow

Changing the font in iPython notebook markdown cells

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related