
Now, if you look at your code, it should look much better! Note that you may see a bit of a delay here. Then, search for “Font Family” and type in “Cascadia Code”. Open your VS Code settings by clicking the gear icon in the lower left corner. Now that you have the font installed, you need to configure VS Code to use it.

Here’s a link for more details, How to Download and Install Cascadia Code Font for Windows. On Windows, I believe you can right-click on the font files and choose “Install”. On a Mac, you can double click each one of these files, and choose install. Then look for the different font files inside of the ttf folder. After you’ve installed the ZIP, extract the files.

To install the font, download the latest ZIP file from the releases pages(2111.01 as of this article). The good news is that it only takes a few minutes to start to customize it and make it look much more fun! In this article, I’m going to show you how to install and setup my favorite FREE VS Code font, Cascadia Code. VS Code is amazing, but it’s pretty boring looking by default.
