One month with Fira code

After using “Fira Code” for a month now, it was time to do a little review and to decide whether I should give it my personal blessing. Spoiler: I love it!

Hi, I’m Ibe Vanmeenen, you may remember me from such frontend code as “Javascript Development @Sweet Mustard” or “CSS Development @Sweet Mustard”.

The problem

Programmers use a lot of symbols, often encoded by combining several characters. For the human brain, sequences like =>, === or >= are single logical tokens, even if they take two or three characters on the screen.

Your eyes typically move across a page for between 7 to 9 characters before needing to pause to process what you are reading. So combining two or three characters into a single logical character can have a big impact on the time needed to process your line of code. Ideally, your complete focus should be on understanding the code, not combined with parsing and joining characters.

Fira code to the rescue

Meet Fira Code. Fira Code is an extension of the Fira Mono font developed by Mozilla containing a set of ligatures for common programming multi-character combinations. In short: it is monospaced font with programming ligatures. This small but noticeable feature should help the programmer to read her/his code a little bit faster. These ligatures are just a font rendering feature, the underlying code remains ASCII-compatible.


Example 1: Arrow functions in javascript

Fira code makes arrow functions just a little bit easier to read by turning the two character arrow into a single arrow symbol.


Example 1 mono


Example 1 code

Example 2 – Comparison Operators in javascript

Fira code also has a great impact on the readability of some comparison operators:


Example 2 mono


Example 2 code 1

This is just a small grap out of the possibilities. You can check all the programming ligatures included in Fira Code below.

Full example

All ligatures 1

Should I try

Yes, you should! For me, Fira Code just works and I will continue to use it in my daily work. My biggest fear was that these ligatures would obstruct my type-flow and/or break other characters. This is not the case, it is only there when you need it.

The good news is that Fira Code is free to use. You can find the the latest version here on GitHub. If you use Visual Code, Webstorm or one of the other most commonly used editors, the font is already installed and available. And if that is not enough, you can also follow your new favourite font on Twitter to see its upcoming features.