How to change the font is VS Code

Search for the font you want or go to Google fonts

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

Click on Download family on the top right

Extract the downloaded file.

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

Search Control panel

Click on large icons on the top right

Click On Fonts

This type of page will open up

Copy all your fonts from the extracted folder

Paste them on the fonts page

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

Search for Font Family

My editor before adding font

My Editor after adding font

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!





Developer by Degree | Designer by Passion

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium


5 tips to boost your Angular skills — Angular in-depth


Develop Games Using Javascript | Kaboom.js #1

How Does React’s Interruptible Updates work?

Build a Newsletter System in Just 5 Minutes

Callbacks in JavaScript

Nullish Coalescing Operator Explained

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


Developer by Degree | Designer by Passion

More from Medium

Finishing Module 2 on The Command Line & Git

Screenshot of Notion page on a list-view of coding notes.

Welcome to the first issue of TECH ARMY!

Laptop with popout stand running Windows 11 with a brown keyboard

Useful tweaks for Windows: get more performance and protect your privacy

Quick tip: Add licence header to all code files