Fira code font windows

macOS

In the downloaded TTF folder:

  1. Select all font files
  2. Right click and select Open (alternatively Open With Font Book)
  3. 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?

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!

Cover image for 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).

Fira Code: free monospaced font with programming ligatures

Fira Code

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

Fira_Code_v6.2.zip - December 6, 2021 - 2.5 MB

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.

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! 😁


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

Понравилась статья? Поделить с друзьями:
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
  • Сканер windows как пользоваться
  • Перестал работать микрофон на наушниках windows 11
  • Будут ли работать программы для windows 7 в windows 10
  • Windows server 2016 update настройка
  • Какие драйвера нужны для windows 10 после переустановки windows