tonsky/FiraCode

Monospaced font with programming ligatures

Fira Code: monospaced font with programming ligatures

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

Download v.2 · How to install · Troubleshooting · News & updates

Fira Code is an extension of the Fira Mono font containing a set of 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.

Code examples

Ruby:

JavaScript:

PHP:

Erlang:

Elixir:

Go:

LiveScript:

Clojure:

Swift:

Stylistic sets

See How to enable

Terminal support

Editor support

Browser support

<!-- HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css">

/* CSS */
@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css);

/* Specify in CSS */
code { font-family: 'Fira Code', monospace; }

@supports (font-variation-settings: normal) {
  code { font-family: 'Fira Code VF', monospace; }
}

• IE 10+, Edge Legacy: enable with font-feature-settings: "calt";
• Firefox
• Safari
• Chromium-based browsers (Chrome, Opera)
• ACE
• CodeMirror (enable with font-variant-ligatures: contextual;)

Projects using Fira Code

• All JetBrains products
• CodePen
• Blink Shell
• Klipse
• IlyaBirman.net
• EvilMartians.com
• Web Maker
• FromScratch
• PEP20.org

Alternatives

Other monospaced fonts with ligatures:

• Hasklig (free)
• PragmataPro (€59)
• Monoid (free)
• Fixedsys Excelsior (free)
• Iosevka (free)
• DejaVu Sans Code (free)
• Victor Mono (free)
• Cascadia Code (free)

Building Fira Code locally

In case you want to alter FiraCode.glyphs and build OTF/TTF/WOFF files yourself, this is setup I use on macOS:

# install all required build tools
./script/bootstrap

# build the font files
./script/build

# install OTFs to ~/Library/Fonts
./script/install

Credits

• Author: Nikita Prokopov @nikitonsky
• Based on: Fira Mono
• Inspired by: Hasklig