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

6

5

I am using jupyter notebook to create python notes(sort of) for a virtual lecture. I like to use vscode instead of jupyter lab. But unfortunately the font size of the markdown output is too small(to see on participants' screen on virtual call).

While using jupyter lab, i used to zoom the whole browser. But i can't do that in vscode, also i can't find any setting that changes the font size for it.

The setting to change font size only applies to the vs code editor window.

Does anyone has any idea on how i can increase the size.

enter image description here

P.S.- I know that we could use # on each line to increase its size but i can't go around putting # before every line as i have to make a rather large document. And you get the idea how small the standard size is from the image.

Polygamous answered 14/9, 2021 at 10:27 Comment(0)
G
18

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

Gyrfalcon answered 10/11, 2021 at 4:42 Comment(1)
Just tested and it works perfectly. Create a file under .vscode/settings.json and add/append { "notebook.markup.fontSize": 14 } (for example). Thanks!Hylo
G
7

click on gear icon top right, and select customize notebook layout. in new windows that open you can change the font size.

Gambetta answered 18/9, 2022 at 15:56 Comment(0)
U
2

For one, we can zoom in the window using ctrl and +.

But this leads to another problem of making all the elements in the window larger, such as the sidebars and menu bars.

By the way, changing the editor font size only changes the editable code block. Changing markdown preview font size also does not help.

Undercool answered 14/9, 2021 at 12:54 Comment(0)
D
0

They are considering of it, you can refer to here

Dissert answered 17/9, 2021 at 9:33 Comment(0)
F
0

You can insert your block into a div block and set font size to this block using css:

<div style=style="font-size: 12px">
   
     //your stuffs here

</div>
Fleabitten answered 13/12, 2021 at 14:51 Comment(1)
Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.Lindon
H
0

following setting can be use to change font size.

Notebook › Markup: Font Size

Notebook › Output: Font Size

Hawser answered 21/5 at 2:49 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.