Setup Custom Cursive Fonts in VS Code IDE

Abhishar Jangir

Abhishar Jangir

Wed Mar 22 2023

Setup Custom Cursive Fonts in VS Code IDE


Cursive fonts in VS Code are a great way to add a personal touch to your code editor. They can make your code more visually appealing and easier to read, especially if you spend a lot of time working in the editor. Fira Code Cursive is a popular cursive font that is specifically designed for coding. It uses ligatures to replace common programming syntax with more visually appealing symbols, making it easier to quickly understand your code.

By using a cursive font in VS Code, you can give your code a unique look and feel that reflects your personal style.

With just a few simple steps, you can easily set up Fira Code Cursive font in VS Code and start enjoying its benefits.


To set up Fira Code Cursive font in VS Code, you can follow these steps:

  1. First, you need to download and install the Fira Code Cursive font on your computer. You can download it from here.
  2. Once you have installed the font on your computer, open VS Code and go to the File menu and select Preferences > Settings.
  3. In the search bar, type editor.fontFamily and click on Edit in settings.json.
  4. In the settings.json file, add the following line of code to the JSON object:
"editor.fontFamily": "Fira Code iScript, Menlo, Monaco, 'Courier New', monospace";

This line of code sets the font family for the VS Code editor to Fira Code Cursive, and then fallbacks to other commonly used monospace fonts if Fira Code Cursive is not available.

Save the settings.json file and restart VS Code for the changes to take effect.

That's it! You should now be able to use Fira Code Cursive font in VS Code.

Like the content? Follow us on Instagram

Photo by Christopher Gower on Unsplash