Logo

dev-resources.site

for different kinds of informations.

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

Published at
9/20/2021
Categories
vscode
ubuntu
firacode
tooling
Author
Thiago Nunes Batista
Categories
4 categories in total
vscode
open
ubuntu
open
firacode
open
tooling
open
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

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

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

Featured ones: