Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

VS Code Jupyter Notebook Markdown Display Font

Is there some way to modify the font in which the rendered markdown cell is displayed in VS Code's Jupyter Notebook? I have searched the internet to resolve this matter, but all I understand was that this is done by default as shown in the screenshot provided in Working with Jupyter Notebooks in Visual Studio Code. The screenshot below clearly shows that the font for rendered markdown cell is different than the one set for code cells Screenshot from official webpage

On the other hand, My VS Code notebook Looks like this VS Code Python Notebook on my Installation It seems that render font for markdown has somehow been linked with the font for code cells. If I change the font for the code cell, the markdown cell render font changes too.

In settings, I found an option to set fonts for markdown preview, and I changed it to Arial, but this does not have any effect on markdown cell Font setting for markdown

I finally decided to completely uninstall VS Code, by uninstalling through control panel, then removing remaining folders from %userprofile%\AppData\Roaming\Code and %userprofile%\.vscode. Afterwards, I reinstall VS Code from the latest available stable installer and reinstalled the required extensions. But the problem still persists.

I would really appreciate any help regarding this matter

like image 551
Uzair Avatar asked Jun 25 '20 17:06

Uzair


People also ask

How do you display markdown in Jupyter Notebook?

Markdown cells can be selected in Jupyter Notebook by using the drop-down or also by the keyboard shortcut 'm/M' immediately after inserting a new cell.

How do I make a markdown in Jupyter Notebook bold?

For example, to make a word bold, surround it with the HTML code for bold ( <b>text</b> instead of the Markdown code. You can attach image files directly to a notebook in Markdown cells by dragging and dropping it into the cell.


1 Answers

Yes, you can change the Font Size and other things too...

  • * -> Bullet Points Bullet Point Image
  • *** -> Creates Border Line Border Image
  • # -> Largest font Size Large Font Image
  • ## -> Medium Font Size Medium Font Image
  • ### -> Smallest Font Size Small Font Image
  • ` (Back Ticks) -> Mark the Text with Color Back Tick Image
  • > -> Shade the Entire Current Cell Shaded Shell Image

One last thing, to apply these effects you have to press ctrl + enter for every Shell

like image 103
Rahul Kumar Avatar answered Sep 22 '22 08:09

Rahul Kumar