How to Increase the Font Size of the Markdown Table in Jupyter Notebook

How to increase the font size of the markdown table in jupyter notebook?

You need some more CSS. Try adding the following to the markdown file, instead of the style= thing:

<style>
td {
  font-size: 50px
}
</style>

Depending on your jupyter version, other approaches might work.

How to change font size of jupyter notebook in vs code?

A new setting is being added to vscode:

notebook.markup.fontSize

Should be in the Insiders Build v1.63 soon.

See https://github.com/microsoft/vscode/issues/126294#issuecomment-964601412

Setting font size for markdown inline in jupyter notebook

MarkdownCell.render can be patched to render markdown cells to a specified font size.

Dump the snippet below in a code cell and run.

from IPython.core.display import Javascript, display

def set_markdown_font():
    javascript = """
    var _render = IPython.MarkdownCell.prototype.render;

    if (_render.decorator === undefined) {
      IPython.MarkdownCell.prototype.render = function () {
        this.element.find('.rendered_html p').css('font-size', '30px');
        return _render.apply(this, arguments);
      }
      IPython.MarkdownCell.prototype.render.decorator = true;
    }
    """
    display(Javascript(data=javascript))

set_markdown_font()

Edit

You can also target HTMLElement having .rendered_html class and style them appropriately. I prefer this better (CSS over JS).

from IPython.core.display import display, HTML
display(HTML("<style>.rendered_html { font-size: 30px; }</style>"))

How to change the font size and color of markdown cell in Ipython (py 2.7) notebook

If you want to change the appearance of your notebook, please refer to this document:
iPython style sheets

CSS in a cell is not recommended but is possible like so:

from IPython.core.display import HTML
HTML("""
<style>

div.cell { /* Tunes the space between cells */
margin-top:1em;
margin-bottom:1em;
}

div.text_cell_render h1 { /* Main titles bigger, centered */
font-size: 2.2em;
line-height:1.4em;
text-align:center;
}

div.text_cell_render h2 { /*  Parts names nearer from text */
margin-bottom: -0.4em;
}


div.text_cell_render { /* Customize text cells */
font-family: 'Times New Roman';
font-size:1.5em;
line-height:1.4em;
padding-left:3em;
padding-right:3em;
}
</style>
""")

Is there a way to control the font size in the equation in JupyterNotebook?

The dollar signs start and end LaTex boundaries, and so you need to use the tag inside.

c = $\Large\frac{a}{b}$

UPDATE:

I have a comment below that points to an image listing the tags and illustrating the relative sizes. I'm putting that link here in the post so that it is better featured.

Increasing the font size for just certain cells/one notebook in Jupyter notebook

I assume you are talking about output cells from your code... obviously you can use markdown cells and control the formatting for documentation cells.

Assuming two variables:

title = "Killing C.I.A. Informants, China Crippled U.S. Spying"
url = "https://www.nytimes.com/2017/05/20/world/asia/china-cia-spies-espionage.html"

For output cells from code you can do a similar thing and use the IPython.display.Markdown, e.g.:

from IPython.display import display, Markdown
Markdown('<strong>{}</strong><br/>{}'.format(title, url))

Output:

Killing C.I.A. Informants, China Crippled U.S. Spying

https://www.nytimes.com/2017/05/20/world/asia/china-cia-spies-espionage.html

If you want to do it in the middle of a loop you need to explicitly call display(), e.g.:

from IPython.display import display, Markdown
for i in today_links:
    display(Markdown('**{}**  \n{}'.format(i[0], i[1])))

Output:

Killing C.I.A. Informants, China Crippled U.S. Spying

https://www.nytimes.com/2017/05/20/world/asia/china-cia-spies-espionage.html

How Rollbacks at Pruitt’s E.P.A. Are a Boon to Oil and Gas

https://www.nytimes.com/2017/05/20/business/energy-environment/devon-energy.html

Alternatively you can use IPython.display.HTML:

from IPython.display import display, HTML
HTML('<strong>{}</strong><br/>{}'.format(title, url))

Output:

Killing C.I.A. Informants, China Crippled U.S. Spying

https://www.nytimes.com/2017/05/20/world/asia/china-cia-spies-espionage.html

You can also embed variables into a Markdown cell directly (note: there are 2 spaces at the end of **{{title}}** line to force a new line):

Markdown Cell

**{{title}}**  
{{url}}

Output:

Killing C.I.A. Informants, China Crippled U.S. Spying

https://www.nytimes.com/2017/05/20/world/asia/china-cia-spies-espionage.html

Change font size and make text bolder in IPython.display Markdwon in JupyterLab notebook

I tried some modifications, and it worked.
it can be done with single markdown object:

Markdown('<h1><center><strong>{}</strong><strong>{}</strong></center></h1>'.format('For ', MainDate))

---

Related Topics