Improve your work environment with FiraCode

As a developer, you give a lot of attention to your workflow. In this article, we’re going to discuss a really subtle workflow tool that can be a game changer.

TL;DR: Go to FiraCode repository , download, install and apply to your IDE. Follow the installation instructions here.

Your IDE’s font matters, A LOT

Right now, you might be looking with a lot of skepticism to this whole article telling yourself why font matters. It’s just an aesthetic choice and so on. But here’s a simple example :


Monospace fonts compared to Fira Code

I took two fairly known monospace fonts; Courier New which is the default monospace font on Windows (usually, don’t take my word for it) and Consolas which is the default PowerShell in my Windows 10. As you might already see, Courier New is the worst when we want to differentiate 1 from l and 0 from O.

This is just an example, but what I’m trying to explain is that we should not waste our time trying to figure out if the symbol we’ve written is easily intelligible from another. We are supposed to read and understand code as fast as possible to work comfortably.

FiraCode improves your work environment with ligatures

FiraCode is not just an elegant typeface, it uses ligatures (a very simple typeface concept) to make the developer’s life way easier. Below an example of simple code with the three precedent fonts :

Monospace fonts compared to FiraCode in VSCode

As you can notice, FiraCode with ligatures makes this JS snippet much more legible! Of course, you’ll have to try it in your IDE and see for yourself.

You can learn more about Fira code over here :

https://github.com/tonsky/FiraCode

And you can check the supported IDEs you can apply it to with the install instructions here.

Finally, please don’t forget to support the developer on Patreon for his amazing work.

Filed under: Android , CSS , HTML , Open souceTagged with: , , , , , , , , ,

No comment yet, add your voice below!


Add a Comment

Your email address will not be published. Required fields are marked *

Comment *
Name *
Email *
Website

This site uses Akismet to reduce spam. Learn how your comment data is processed.