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

Software engineer who spends his time learning about building teams, project management, software architecture, C#, .NET Core, Blazor, JavaScript, TypeScript, Azure, user experience, web security, and performance.