Add Coding Symbols to VSCode

As developers we spend more time reading code, than writing. One of the most common tasks we do are comparing items. Using symbols can make your code easier & more enjoyable to read.

Here's an example of how adding coding symbols, also known as font ligatures look.

VS Code using Fira Code font ligatures.

To add this to VS Code, do the following:

  1. Install the Fira Code font on your computer.

  2. Edit your user settings in VS Code to use Font Ligatures and the 'Fira Code' font.

"editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace, 'Segoe UI Emoji'",
"editor.fontLigatures": true,

That's it! You're done! Enjoy an improved coding experience!

Matt Ferderer

I am a Software Developer primarily using JavaScript and C#. I write about Building Software, Web Security and Artificial Intelligence. Besides tech, I occasionally write about fitness, education & business.