How to add fonts in VSCode

How to add fonts in VSCode

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!
  • Youtube