Code like a Hero “FIRA CODE/Cascadia Code”

M A Nakib
2 min readJul 2, 2020

--

Want to customize your editor and understand the symbol you are putting on?

Let’s start with this. Follow my given link to download and install:

Click bellow Git repo and download:

After successfully download install “ttf” folder file:

After that open your vs code: To open the settings editor: from the Code menu, choose Preferences > Settings, or use keyboard shortcut Ctrl+, (Cmd+, on Mac).

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 "Enables/Disables font ligatures" under "Font Ligatures" to enable the special ligatures.

Manually editing settings.json

Visual Studio Code allows you to also edit the underlying settings.json config file. First open the settings editor as described above, then click the "curly brackets" icon to open the settings.json file.

Then paste the following lines and save the file.

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

Visual Studio Code”

After that save your file and restart your VS code and enjoy!!.

Thanks!!

--

--

M A Nakib
M A Nakib

Written by M A Nakib

Asst. Manager on Cloud Solutions (MCT, Azure Solution Architect Expert)

No responses yet