Fira Code in Visual Studio Code

Sami C.
2 min readJun 17, 2018

--

Recently I found a beautiful open source mono based font called Fira Code which supports ligatures, these are a combinations of multiple symbols in your font.

Example: The arrow function can be represented as:

How to get Fira Code for visual studio code?

1. Install the fonts

Go to https://github.com/tonsky/FiraCode and download the fonts, after you’ve downloaded, In the ttf folder, double-click each font file, click “Install font”; to install all at once, select all files, right-click, and choose “Install”

2. Configuring Visual studio code

Open the user and workspace settings from the Command Palette (Ctrl+Shift+P) with Preferences: Open User Settings and Preferences.

To enable FiraCode in the settings editor, under “Commonly Used”, expand the “Text Editor” settings and then click on “Font”. In the “Font Family” input box type Fira Code, replacing any content. Tick the check box "Enabled/Disables font ligatures" under "Font Ligatures" to enable the special ligatures.

That’s all, enjoy your awesome Fira Code programming ligatures!

--

--