DEV Community

Cover image for How to change font is VS Code
Amritanshu Dev Rawat
Amritanshu Dev Rawat

Posted on

How to change font is VS Code

image.png

  • I want Noto Sans JP font. So, I searched for it and clicked on the first one.

image.png

  • Click on Download family on the top right

image.png

  • Extract the downloaded file.

image.png

  • Either your fonts are inside Folder -> fonts -> ttf or Directly inside the Folder

  • Here, the fonts are directly inside the Folder, select the file with type OpenType font file

image.png

  • Search Control panel

image.png

  • Click on large icons on the top right

image.png

  • Click On Fonts

image.png

  • This type of page will open up

image.png

  • Copy all your fonts from the extracted folder

image.png

  • Paste them on the fonts page

image.png

image.png

  • Open VSCode and Go to file -> preferences -> settings

image.png

  • Search for Font Family
    image.png

  • My editor before adding font

image.png

  • My Editor after adding font

image.png

  • You have to add 'Noto Sans JP' or the font you want at the start and then add a comma(,) after it. Save the file Restart the IDE,
    If you want to add the font and it doesn't work, ping me on Twitter I will try to help you asap!

Top comments (2)

Collapse
 
laxedo17 profile image
laxcivo

nice throughout article. A font I love is Hermit and also of course Code New Roman

fontesk.com/hermit-typeface/

Collapse
 
amritanshu profile image
Amritanshu Dev Rawat

nice :)