DEV Community

Cover image for Installing FiraCode on Windows and Ubuntu
Josué Rodríguez (He/Him)
Josué Rodríguez (He/Him)

Posted on

Installing FiraCode on Windows and Ubuntu

Hello again, JD here. Today I'm writing about how to install FiraCode on Windows and Ubuntu. This post is copying and pasting some commands on the console (at least that's the way I do it). So let's get to it.

About FiraCode

FiraCode is a monospaced font with programming ligatures developed by Nikita Prokopov (tonsky on GitHub).

GitHub logo tonsky / FiraCode

Free monospaced font with programming ligatures

Fira Code: free monospaced font with programming ligatures

Fira Code

Problem

Programmers use a lot of symbols, often encoded with 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 eye spends a non-zero amount of energy to scan, parse and join multiple characters into a single logical one. Ideally, all programming languages should be designed with full-fledged Unicode symbols for operators, but that’s not the case yet.

Solution

Fira Code is a free monospaced font containing ligatures for common programming multi-character combinations. This is just a font rendering feature: underlying code remains ASCII-compatible. This helps to read and understand code faster. For some frequent sequences like .. or //, ligatures allow us to correct spacing.

Download & Install

Fira_Code_v5.2.zip - June 12, 2020 - 2.3 MB

Then:

Support

Sponsor

Fira Code is a…


By the time I discovered FiraCode I was working on some JavaScript projects and that's the main reason I became so attracted to the font. FiraCode gives the arrow functions, the "===" and many other things an amazing look.
FiraCode example

Installing on Windows

To install FiraCode on Windows we are going to use Chocolatey.
Note: If you have Python installed on Windows, I suggest you run the following command to verify if you have Chocolatey installed. Python installs Chocolatey to fetch some dependencies.

choco -v
Enter fullscreen mode Exit fullscreen mode

If it returns the version number, then you're all set and you can jump directly to FiraCode command. If it doesn't, then run one of the following commands with administrative permissions to install Chocolatey.

Run this command on the CMD

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
Enter fullscreen mode Exit fullscreen mode

Or run this command on PowerShell

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
Enter fullscreen mode Exit fullscreen mode

FiraCode command

Finally, run this command to install FiraCode:

choco install firacode
Enter fullscreen mode Exit fullscreen mode

And voilà! We've got FiraCode installed on Windows!

Installing on Ubuntu

To install FiraCode on Ubuntu you have to enable the universe repository. To do this we have to run the following commands on the terminal:

sudo add-apt-repository universe
sudo apt update
Enter fullscreen mode Exit fullscreen mode

If that command doesn't work, try this one instead:

sudo add-apt-repository "deb http://archive.ubuntu.com/ubuntu $(lsb_release -sc) universe"
sudo apt update
Enter fullscreen mode Exit fullscreen mode

And finally, run the command:

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

Ta-da! FiraCode is now on Ubuntu!

Conclusion

That's it! We've successfully installed FiraCode on both Windows and Ubuntu! Let me know in the comments if this was helpful, or if there's something I should improve! 😁

Discussion (6)

Collapse
adgower profile image
Alex Gower

@josuerodriquez98 I'm currently on ubuntu 20.04, and after I install the font it doesn't ever work. Any tips?

Collapse
mdirshaddev profile image
Md Irshad Dev

Try adding these two lines in your settings.json or just declare them in your worksapces. After that it will be working i am sure because it works for me.

'''
"editor.fontFamily": "'Fira Code'",
"editor.fontLigatures": true
'''

Collapse
easterneas profile image
Eas • Edited

I'm using Ubuntu 20.04, too, and this works for me.

You may need to change the font settings in the app of your choice, too (code editor like vscode, for example), and restart the app if your app is running while you install the font package.

Collapse
jorgeguevarab profile image
Jorge Guevara Bohórquez

Thanks a lot!

Collapse
nelwey profile image
Joel Andres Bonilla Tellez

Thank you

Collapse
markoshiva profile image
Marko Shiva Pavlovic

It's nice font