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

1

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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more