DEV Community

Cover image for How to Install and Use Fira Code Font - VSCode on Ubuntu
Thiago Nunes Batista for Roadevmap

Posted on • Originally published at roadevmap.com

How to Install and Use Fira Code Font - VSCode on Ubuntu

But what are font ligatures? Developers use a lot of sequencial symbols in programming, for example: => , <= and !==. The font ligatures will basically transform visuallly this multiple characteres into just one, they will have a different look, maybe more beautiful than the normal look of the separated symbols.

If you prefer a video tutorial, I created that on Youtube, this is the link.

Installing the Font

In the most recent Ubuntu versions the Fira Code font is included in the official repository, you can just install using the command below:

sudo apt install fonts-firacode
Enter fullscreen mode Exit fullscreen mode

Follow the Next 4 Steps To Set Fira Code on VSCode

  1. Open the command pallet with the shortcut “ctrl + shift + p”.
  2. Search for “Preferences: Open Settings (JSON)” and open it.
  3. Add the following properties in the JSON file:
   "editor.fontFamily": "'Fira Code'",
   "editor.fontLigatures": true
Enter fullscreen mode Exit fullscreen mode

Restart the editor. Now, your VSCode is using the Fira Code font.

Discussion (0)