2014-11-11 19:47:04 +00:00
## Fira Code: monospaced font with programming ligatures
2015-07-30 12:27:45 +00:00
< img src = "https://dl.dropboxusercontent.com/u/561580/imgs/fira_code_logo.svg" >
2014-11-11 19:47:04 +00:00
### Problem
2016-04-01 12:45:12 +00:00
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.
2014-11-11 19:47:04 +00:00
### Solution
2016-11-05 19:42:10 +00:00
#### [Download v1.204](https://github.com/tonsky/FiraCode/releases/download/1.204/FiraCode_1.204.zip) · [How to install](https://github.com/tonsky/FiraCode/wiki) · [News & updates](https://twitter.com/FiraCode)
2015-12-21 07:29:09 +00:00
2016-03-24 01:24:28 +00:00
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.
2014-11-11 19:47:04 +00:00
2015-05-25 19:52:15 +00:00
< img src = "./showcases/all_ligatures.png" / >
2014-11-11 19:47:04 +00:00
2016-08-30 11:34:40 +00:00
### Code examples
Ruby:
< img src = "./showcases/ruby.png" / >
JavaScript:
< img src = "./showcases/javascript.png" / >
Erlang:
< img src = "./showcases/erlang.png" / >
Go:
< img src = "./showcases/go.png" / >
LiveScript:
< img src = "./showcases/livescript.png" / >
Clojure:
< img src = "./showcases/clojure.png" / >
2016-03-24 01:24:28 +00:00
### Terminal support
2015-12-20 14:51:56 +00:00
2016-07-17 07:11:20 +00:00
Works | Doesn’ t work
---------------- | ---------------
2016-08-24 11:54:16 +00:00
**Black Screen** | **Cmder**
**Butterfly** | **ConEmu**
2016-11-08 12:25:54 +00:00
**Hyper.app** | **GNOME Terminal**
2016-08-24 11:54:16 +00:00
**Konsole** | **iTerm 2** ([coming in 3.1](https://gitlab.com/gnachman/iterm2/issues/3568#note_13118332))
2016-11-06 14:28:38 +00:00
**QTerminal** | **mate-terminal**
**Terminal.app** (OS X default terminal) | **mintty**
**Termux** (Android terminal emulator) | **PuTTY**
2016-08-24 11:54:16 +00:00
| **rxvt**
2016-11-06 14:28:38 +00:00
| **gtkterm, guake, LXTerminal, sakura, Terminator, xfce4-terminal,** and other libvte-based terminals ([bug report](https://bugzilla.gnome.org/show_bug.cgi?id=584160))
2015-12-20 14:51:56 +00:00
2014-11-11 19:47:04 +00:00
### Editor support
2016-04-16 14:52:29 +00:00
Works | Doesn’ t work
2015-12-20 14:51:56 +00:00
--------|----------------
2016-04-16 15:16:36 +00:00
**Anjuta** (unless at the EOF) | **Arduino IDE**
2016-07-25 07:54:41 +00:00
**AppCode** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) | **Adobe Dreamweaver**
**Atom** 1.1 or newer ([instructions](https://github.com/tonsky/FiraCode/wiki/Atom-instructions)) | **Eclipse** (Mac and Win, [vote here ](https://bugs.eclipse.org/bugs/show_bug.cgi?id=398656 ))
2016-11-23 12:11:50 +00:00
**BBEdit/TextWrangler** ([instructions](https://github.com/tonsky/FiraCode/wiki/BBEdit-instructions)) | Standalone **Emacs** ([workaround](https://github.com/tonsky/FiraCode/wiki/Setting-up-Emacs))
2016-07-25 07:54:41 +00:00
**Brackets** (with [this plugin ](https://github.com/polo2ro/firacode-in-brackets )) | **gVim**
**Chocolat** | **IDLE**
**CLion** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) | **KDevelop 4**
**Coda 2** | **Monkey Studio IDE**
2016-08-01 06:47:02 +00:00
**CodeLite** | **Notepad++**
**Eclipse** (Linux) | **Spyder IDE**
**Geany** | **SublimeText** ([vote here](http://sublimetext.userecho.com/topic/1030059-does-sublimetext-support-programming-ligatures-fontlike-fira-code/))
**gEdit / Pluma** |
2016-07-25 07:54:41 +00:00
**GNOME Builder** |
**IntelliJ IDEA** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
2016-02-07 16:21:56 +00:00
**Kate, KWrite** |
2016-04-20 10:46:57 +00:00
**Komodo** |
2015-12-20 14:51:56 +00:00
**Leafpad** |
2016-02-22 19:46:11 +00:00
**LibreOffice** |
2016-01-14 08:58:21 +00:00
**LightTable** ([instructions](https://github.com/tonsky/FiraCode/wiki/LightTable-instructions)) |
**MacVim** 7.4 or newer ([instructions](https://github.com/tonsky/FiraCode/wiki/MacVim-instructions)) |
**Mancy** |
2016-02-22 19:46:11 +00:00
**Meld** |
**Mousepad** |
2016-08-01 06:47:02 +00:00
**NetBeans** |
2015-12-21 17:36:05 +00:00
**Notepad** (Win) |
2016-07-25 07:54:41 +00:00
**PhpStorm** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
**PyCharm** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
2016-01-14 08:58:21 +00:00
**QtCreator** |
**RStudio** ([instructions](https://github.com/tonsky/FiraCode/wiki/RStudio-instructions)) |
2016-07-25 07:54:41 +00:00
**RubyMine** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
2016-02-17 08:37:32 +00:00
**Scratch** |
2016-01-14 08:58:21 +00:00
**TextAdept** (Linux, Mac) |
2016-04-16 14:52:29 +00:00
**TextEdit** |
2016-01-14 08:58:21 +00:00
**TextMate 2** |
**Visual Studio 2015** |
2016-02-09 08:38:53 +00:00
**Visual Studio Code** ([instructions](https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions)) |
2016-07-25 07:54:41 +00:00
**WebStorm** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
2016-02-22 19:46:11 +00:00
**Xamarin Studio/Monodevelop** |
2016-01-14 08:58:21 +00:00
**Xcode** (with [this plugin ](https://github.com/robertvojta/LigatureXcodePlugin )) |
2016-04-16 14:52:29 +00:00
Probably work: **Smultron, Vico** | Under question: **Code::Blocks IDE**
2014-11-11 19:47:04 +00:00
2015-12-19 16:15:03 +00:00
### Browser support
2015-05-07 14:41:30 +00:00
2015-12-20 11:15:24 +00:00
- IE 10+, Edge: enable with `font-feature-settings: "calt" 1;`
2015-12-19 16:15:03 +00:00
- Firefox
2015-12-20 08:20:33 +00:00
- Safari
2016-04-16 15:16:36 +00:00
- Chromium-based browsers (Chrome, Opera):
- enable with `font-variant-ligatures: contextual;` or `text-rendering: optimizeLegibility` , see [571246 ](https://code.google.com/p/chromium/issues/detail?q=font-variant-ligatures&id=571246&thanks=571246&ts=1450553433& )
2015-12-21 20:12:16 +00:00
- ACE
- CodeMirror
2016-07-18 15:02:34 +00:00
2015-07-16 17:13:24 +00:00
### Alternatives
2016-02-09 04:15:29 +00:00
Other monospaced fonts with ligatures:
2015-07-16 17:13:24 +00:00
- [Hasklig ](https://github.com/i-tu/Hasklig ) (free)
- [PragmataPro ](http://www.fsd.it/fonts/pragmatapro.htm ) (€59)
- [Monoid ](http://larsenwork.com/monoid/ ) (free)
2016-05-06 10:50:37 +00:00
- [Fixedsys Excelsior ](https://github.com/kika/fixedsys ) (free)
2016-07-16 12:39:19 +00:00
- [Iosevka ](https://be5invis.github.io/Iosevka/ ) (free)
2016-08-12 13:39:52 +00:00
- [DejaVu Sans Code ](https://github.com/SSNikolaevich/DejaVuSansCode ) (free)
2015-07-16 17:13:24 +00:00
2014-11-11 19:47:04 +00:00
### Credits
2016-04-16 15:16:36 +00:00
- Author: Nikita Prokopov [@nikitonsky ](https://twitter.com/nikitonsky )
- Based on: [Fira Mono ](https://github.com/mozilla/Fira )
- Inspired by: [Hasklig ](https://github.com/i-tu/Hasklig )
- Software: [Glyphs 2 ](https://glyphsapp.com ) (thx Georg Seifert for a license)
2014-11-11 19:47:04 +00:00
### Changelog
2016-11-05 19:42:10 +00:00
#### 1.204 (November 6, 2016)
2016-10-30 20:28:58 +00:00
- Added `U+25B6` (black right-pointing triangle) and `U+25C0` (black left-pointing triangle) (#289)
2016-11-05 13:07:16 +00:00
- Changed look of Markdown headers `##` `###` `####` to make them easier to tell apart (#287)
2016-10-30 21:18:44 +00:00
- Fixed BBEdit incorrectly applying ligatures after tab (#274)
2016-11-05 13:07:16 +00:00
- Returned Nim pragmas `{.` `.}` (#279)
- Added Unicode increment `U+2206` (#174, #298 )
- Added fish operators `>->` `<-<` (#297)
- Added safe navigation operators `?.` `.?` `?:` (#215)
- Added `<~>` (#179, used in IntelliJ for collapsed methods)
- Added F# piping operators `||>` `|||>` `<||` `<|||` (#184)
2016-11-05 13:20:33 +00:00
- Added shebang `#!` (#169, #193 )
2016-10-30 20:28:58 +00:00
2016-09-17 12:42:46 +00:00
#### 1.203 (September 17, 2016)
- Added `__` (#120, #269 )
2016-09-17 12:22:48 +00:00
#### 1.202 (September 17, 2016)
- Removed `{.` `.}` `[.` `.]` `(.` `.)` (#264)
2016-08-30 09:18:54 +00:00
#### 1.201 (August 30, 2016)
- Removed `[]` (#92) `{-` `-}` (#248)
2016-08-30 09:31:28 +00:00
- Removed `/**` `**/` and disabled ligatures for `/*/` `*/*` sequences (#219 #238 )
2016-08-30 09:56:20 +00:00
- Added `]#` `{.` `.}` `[.` `.]` `(.` `.)` (#214)
2016-08-30 09:18:54 +00:00
2016-07-18 15:02:34 +00:00
#### 1.200 (July 18, 2016)
2016-07-16 16:25:44 +00:00
- Removed `!!!` `???` `;;;` `&&&` `|||` `=~` (#167) `~~~` `%%%`
- New safer `calt` code that doesn’ t apply ligatures to long sequences of chars, e.g. `!!!!` , `>>>>` , etc (#49, #110 , #176 )
2016-07-17 09:28:16 +00:00
- Larger `+` `-` `*` and corresponding ligatures (#86)
2016-07-17 09:46:25 +00:00
- Hexadecimal `x` (`0xFF`) is now applied to sequences like `128x128` as well (#161)
2016-07-17 10:17:26 +00:00
- Added twoTurned (U+218A) and threeTurned (U+218B) (#146)
2016-07-17 10:31:04 +00:00
- Added whiteFrowningFace (U+2639) (#190)
2016-07-17 11:28:48 +00:00
- Simplified visual style on markdown headers `##` `###` `####` (#107)
2016-07-17 11:39:17 +00:00
- Added `</>` (#147)
2016-07-17 20:13:55 +00:00
- Provided ttf and webfonts versions (eot, woff, woff2) (#18, #24 , #38 , #101 , #106 )
2016-07-18 09:03:24 +00:00
- Increased spacing in `<=` `>=` (#117)
2016-07-16 16:25:44 +00:00
2015-12-26 14:44:28 +00:00
#### 1.102
2015-12-26 14:51:05 +00:00
- Support for IntelliJ-based IDEs ([instructions](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions))
2015-12-26 14:44:28 +00:00
- Turned on autohinting
2015-12-21 21:00:34 +00:00
#### 1.101
- Added Light weight
- Adjusted rules when vertical centering of `:` , `-` , `*` and `+` occurs
2015-12-19 17:26:39 +00:00
#### 1.100
- Fixed calt table conflicts (`----` would incorrectly render as `<!--` )
- Added centered `:` (between digits, e.g. `10:40` )
- Added lowercase-aligned `-` , `*` and `+` (only between lowercase letters, e.g. kebab case `var-name` , pointers `*ptr` etc)
2015-12-18 12:48:45 +00:00
#### 1.000
2015-12-18 12:36:42 +00:00
Added weights:
2015-12-18 12:48:45 +00:00
- Retina (just slightly heavier than Regular)
2015-12-18 12:36:42 +00:00
- Medium
- Bold
Switched to `calt` instead of `liga` . You can now “step inside” the ligature in text editors.
2016-04-16 14:52:29 +00:00
Fira Code is now drawn and built in Glyphs 2 app (should improve compatibility).
2015-12-18 12:36:42 +00:00
Added:
2015-12-18 12:43:42 +00:00
`<->` `<~~` `<~` `~~~` `~>` `~~>`
`<$` `<+` `<*` `*>` `+>` `$>`
`;;;` `:::` `!!!` `???` `%%` `%%%` `##` `###` `####`
2015-12-19 17:26:39 +00:00
`.-` `#_(` `=<` `**/` `0x` `www` `[]`
2015-12-18 12:36:42 +00:00
Redrawn:
`{-` `-}` `~=` `=~` `=<<` `>>=` `<$>` `<=>` `.=`
Removed: `?:`
Total ligatures count: 115
2015-12-18 12:48:45 +00:00
#### 0.6
2015-08-09 20:36:48 +00:00
2015-08-09 20:56:41 +00:00
Redrawn from Fira Mono 3.204 (slightly heavier weight)
2015-08-09 20:36:48 +00:00
2015-08-09 20:56:41 +00:00
Added:
`**` `***` `+++` `--` `---` `?:`
`/=` `/==` `.=` `^=` `=~` `?=` `||=` `|=`
`<<<` `<=<` `-<<` `-<` `>-` `>>-` `>=>` `>>>`
`<*>` `<|>` `<$>` `<+>`
2015-08-10 07:58:48 +00:00
`<!--` `{-` `-}` `/**` `\\` `\\\`
`..<` `??` `|||` `&&&` `<|` `|>`
2015-08-09 20:56:41 +00:00
2015-12-18 12:48:45 +00:00
Added support for Powerline
2015-08-09 20:36:48 +00:00
2015-12-18 12:48:45 +00:00
#### 0.5
2015-05-26 16:34:51 +00:00
2015-12-18 12:48:45 +00:00
Added: `#{` `~-` `-~` `<==` `==>` `///` `;;` `</`
#### 0.4
2015-05-25 19:52:15 +00:00
- Added `~=` `~~` `#[`
- Rolled back `&&` and `||` to more traditional look
2016-04-16 14:52:29 +00:00
- `===` and `!==` are now rendered with 3 horizontal bars
2015-05-25 19:52:15 +00:00
2015-05-07 15:57:07 +00:00
2015-12-18 12:48:45 +00:00
#### 0.3
Added: `~@` `#?` `=:=` `=<`
#### 0.2.1
Fixed width of `&&` and `||`
#### 0.2
Added: `-->` `<--` `&&` `||` `=>>` `=/=`
2015-05-07 15:57:07 +00:00
2015-05-07 14:41:30 +00:00
2015-12-18 12:48:45 +00:00
#### 0.1
2014-11-11 19:47:04 +00:00
`>>=` `=<<` `<<=` `->>` `->` `=>` `<<-` `<-`
`===` `==` `<=>` `>=` `<=` `>>` `<<` `!==` `!=` `<>`
`:=` `++` `#(` `#_`
`::` `...` `..` `!!` `//` `/*` `*/` `/>`