macOS
In the downloaded TTF folder:
- Select all font files
- Right click and select
Open
(alternativelyOpen With Font Book
) - Select «Install Font»
or
-
Use brew and cask:
Not officially supported, might install outdated version
brew install font-fira-code
Linux
- Install a package available for your distribution following the instructions
or
- In the ttf folder double-click each font file and click “Install font”; see “Manual Installation” if double-clicking doesn’t work
FreeBSD
- Using pkg(8):
pkg install firacode
or
- Using ports:
cd /usr/ports/x11-fonts/firacode && make install clean
Windows
- Download the latest font zip file Fira_Code_v6.2.zip
- Windows 10: unzip it into real folder
- Windows 10: «Unblock» each font file before installing (Right-click each font file -> Properties -> check Unblock next to Security at the bottom of the General tab -> Click OK) Note: Skipping this step may cause the Fira Code fonts to intermittently stop working in VS Code, even though the fonts still appear in other programs.
- In the ttf folder, double-click each font file, click “Install font”; to install all at once, select all files, right-click, and choose “Install”
or
-
Use chocolatey:
choco install firacode
-
Use scoop:
Run as administrator
scoop bucket add nerd-fonts scoop install firacode
Hit the Github ⭐ if you liked it!
Free monospaced font with programming ligatures vscode extension
Final Step
When the Font Directory appears, install fonts if you haven’t already, and restart VSCODE once you have.
Note: this is because of OS
limitations, the fonts must be installed manually.
Available Commands
Activate FiraCode Font pack
Deactivate FiraCode Font
Note: to run commands, press ctrl+shift+p
to open the command palette, and then type each one and click on it.
Here are the configurations this plugin will use
{
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true
}
How does it look with FiraCode font?
Recommended Extension pack
ZPack is An Opinionated collection of the best
and most
used extensions for Web Developers in VSCode which has Better Developer Experience(DX)
and load time
in Mind.
Relevant Links
- Github
- VS Code Marketplace
Enjoy!
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).
Fira Code: free monospaced font with programming ligatures
Read in Español | 简体中文 | 日本語
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
Then:
- How to Install
- Troubleshooting
-
News…
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.
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! 😁
300 — FiraCode-Light
The quick brown fox jumps over the lazy dog.
400 — FiraCode-Regular
The quick brown fox jumps over the lazy dog.
500 — FiraCode-Medium
The quick brown fox jumps over the lazy dog.
600 — FiraCode-SemiBold
The quick brown fox jumps over the lazy dog.
700 — FiraCode-Bold
The quick brown fox jumps over the lazy dog.
Weight
300
The quick brown fox jumps over the lazy dog.
By Nikita Prokopov
Category Sans-serif
4.4K downloads
5.0
6 users
Preview & Download
Live Test
Supported Characters
About
Comments
Learn more about typeface at https://github.com/tonsky/FiraCode.
5 styles available Download ZIP (552 KB)
Fira Code Retina
Fira Code Retina 450 (TTF)
Fira Code Medium
Fira Code Medium 500 (TTF)
Fira Code Regular
Fira Code Regular 400 (TTF)
Fira Code Light
Fira Code Light 300 (TTF)
Fira Code Bold
Fira Code Bold 700 (TTF)
Lugoj Demo
1 style 3.4 3.6K downloads
Luella
1 style 4.5 1.1K downloads
Ludwigon Personal Use Regular
1 style 3.0 956 downloads
Luculine Italic
2 style 4.7 1.3K downloads
LuckyRookie Regular
1 style 5.0 1.2K downloads
Luciana
1 style 4.2 3.6K downloads
Lucian
1 style 4.0 2.2K downloads
Lower Pixel Regular
1 style 4.5 2.1K downloads
Loving Moment
2 style 4.5 941 downloads
LOVING IS EASY
1 style 4.3 1.7K downloads
Lovesive
2 style 5.0 2K downloads
Loveon
2 style 4.7 1.2K downloads
LoveNessTwo
1 style 4.7 677 downloads
LoveNessThree
1 style 1.0 895 downloads
LoveNess
1 style 4.7 683 downloads
Lovender
2 style 4.5 1.2K downloads
Lovely Time
2 style 1.0 952 downloads
Lovekids
2 style 4.8 1.4K downloads