2014-11-11 22:47:04 +03:00
## Fira Code: monospaced font with programming ligatures
2015-07-30 15:27:45 +03:00
< img src = "https://dl.dropboxusercontent.com/u/561580/imgs/fira_code_logo.svg" >
2014-11-11 22:47:04 +03:00
### Problem
2015-05-22 16:30:32 +03:00
Programmers use a lot of symbols, often encoded with several characters. For human brain sequences like `->` , `<=` or `:=` are single logical token, even if they take two or three places on the screen. Your eye spends 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 22:47:04 +03:00
### Solution
2015-12-22 00:00:34 +03:00
#### Download [Fira Code v1.101](https://github.com/tonsky/FiraCode/releases/download/1.101/FiraCode_1.101.zip) | Follow updates 📢 [@FiraCode](https://twitter.com/FiraCode)
2015-12-21 10:29:09 +03:00
2014-11-11 22:47:04 +03:00
Fira Code is a Fira Mono font extended with 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.
2015-05-25 22:52:15 +03:00
< img src = "./showcases/all_ligatures.png" / >
2014-11-11 22:47:04 +03:00
2015-12-20 17:51:56 +03:00
### Terminals support
2015-12-20 17:52:48 +03:00
Work | Don’ t work
2015-12-20 17:51:56 +03:00
------- | ---------------
**Terminal.app** (OS X default terminal) | **iTerm 2** ([feature request](https://gitlab.com/gnachman/iterm2/issues/3568))
**Konsole** (except KDE4) | **GNOME Terminal**
2015-12-23 03:40:57 +03:00
**Termux** (Android terminal emulator) | **rxvt**
2015-12-20 17:51:56 +03:00
2014-11-11 22:47:04 +03:00
### Editor support
2015-12-20 17:52:48 +03:00
Work | Don’ t work
2015-12-20 17:51:56 +03:00
--------|----------------
2015-12-21 19:27:42 +03:00
**Atom** 1.1 or newer ([instructions](https://github.com/tonsky/FiraCode/wiki/Atom-instructions)) | SublimeText ([vote here](http://sublimetext.userecho.com/topic/1030059-does-sublimetext-support-programming-ligatures-fontlike-fira-code/))
2015-12-20 17:51:56 +03:00
**Xcode** (with [this plugin ](https://github.com/robertvojta/LigatureXcodePlugin )) | **Intellij Idea-based** ([vote here](https://youtrack.jetbrains.com/issue/IDEA-127539))
2015-12-20 19:24:20 +03:00
**Visual Studio** | **Visual Studio Code** ([issue](https://github.com/Microsoft/vscode/issues/192))
2015-12-20 18:06:40 +03:00
**TextMate 2** | **Standalone Emacs** ([workaround](https://github.com/tonsky/FiraCode/wiki/Setting-up-Emacs))
2015-12-20 21:11:50 +03:00
**MacVim** 7.4 or newer ([instructions](https://github.com/tonsky/FiraCode/wiki/MacVim-instructions)) | **gVim**
**Coda 2** | **Notepad++**
2015-12-20 17:51:56 +03:00
**Eclipse** (Linux) | **Eclipse** (Mac and Win, [vote here ](https://bugs.eclipse.org/bugs/show_bug.cgi?id=398656 ))
2015-12-20 21:11:50 +03:00
**QtCreator** | **Xamarin Studio/Monodevelop**
**LightTable** ([instructions](https://github.com/tonsky/FiraCode/wiki/LightTable-instructions)) |
2015-12-20 19:26:10 +03:00
**BBEdit** ([instructions](https://github.com/tonsky/FiraCode/wiki/BBEdit-instructions)) |
2015-12-20 17:51:56 +03:00
**RStudio** |
**Chocolat** |
**Kate, KWrite** (except KDE 4) |
**Mancy** |
**TextAdept** (Linux, Mac) |
**GNOME Builder** |
**Leafpad** |
2015-12-21 20:36:05 +03:00
**Notepad** (Win) |
2015-12-20 17:51:56 +03:00
Probably work: **Geany, gEdit, Smultron, Vico** |
2014-11-11 22:47:04 +03:00
2015-12-19 19:15:03 +03:00
### Browser support
2015-05-07 17:41:30 +03:00
2015-12-20 14:15:24 +03:00
- IE 10+, Edge: enable with `font-feature-settings: "calt" 1;`
2015-12-19 19:15:03 +03:00
- Firefox
2015-12-20 11:20:33 +03:00
- Safari
- Chromium-based browsers: 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 23:12:16 +03:00
- ACE
- CodeMirror
2015-05-07 17:41:30 +03:00
### Code examples
2014-11-18 09:27:41 +03:00
2015-05-25 23:04:21 +03:00
Ruby:
< img src = "./showcases/ruby.png" / >
JavaScript:
< img src = "./showcases/javascript.png" / >
2014-11-18 09:27:41 +03:00
Erlang:
2015-05-25 22:52:15 +03:00
< img src = "./showcases/erlang.png" / >
2014-11-18 09:27:41 +03:00
Go:
2015-05-25 22:52:15 +03:00
< img src = "./showcases/go.png" / >
2014-11-18 09:27:41 +03:00
Haskell:
2015-05-25 22:52:15 +03:00
< img src = "./showcases/haskell.png" / >
2014-11-18 09:27:41 +03:00
2015-07-16 20:13:24 +03:00
### Alternatives
Another monospaced fonts with ligatures:
- [Hasklig ](https://github.com/i-tu/Hasklig ) (free)
- [PragmataPro ](http://www.fsd.it/fonts/pragmatapro.htm ) (€59)
- [Monoid ](http://larsenwork.com/monoid/ ) (free)
2014-11-11 22:47:04 +03:00
### Credits
2015-12-18 15:36:42 +03:00
This work is based on OFL-licensed [Fira Mono font ](https://github.com/mozilla/Fira ). Original Fira Mono font was not changed, only extended.
Fira Code was inspired by [Hasklig font ](https://github.com/i-tu/Hasklig ): Ligatures for Haskell code.
2014-11-11 22:47:04 +03:00
2015-12-18 15:36:42 +03:00
Thanks Georg Seifert for providing a [Glyphs 2 ](https://glyphsapp.com ) license.
2014-11-11 22:47:04 +03:00
### Changelog
2015-12-22 00:00:34 +03:00
#### 1.101
- Added Light weight
- Adjusted rules when vertical centering of `:` , `-` , `*` and `+` occurs
2015-12-19 20:26:39 +03: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 15:48:45 +03:00
#### 1.000
2015-12-18 15:36:42 +03:00
Added weights:
2015-12-18 15:48:45 +03:00
- Retina (just slightly heavier than Regular)
2015-12-18 15:36:42 +03:00
- Medium
- Bold
Switched to `calt` instead of `liga` . You can now “step inside” the ligature in text editors.
Fira Code is now drawn and built in Glyps 2 app (should improve compatibility).
Added:
2015-12-18 15:43:42 +03:00
`<->` `<~~` `<~` `~~~` `~>` `~~>`
`<$` `<+` `<*` `*>` `+>` `$>`
`;;;` `:::` `!!!` `???` `%%` `%%%` `##` `###` `####`
2015-12-19 20:26:39 +03:00
`.-` `#_(` `=<` `**/` `0x` `www` `[]`
2015-12-18 15:36:42 +03:00
Redrawn:
`{-` `-}` `~=` `=~` `=<<` `>>=` `<$>` `<=>` `.=`
Removed: `?:`
Total ligatures count: 115
2015-12-18 15:48:45 +03:00
#### 0.6
2015-08-09 23:36:48 +03:00
2015-08-09 23:56:41 +03:00
Redrawn from Fira Mono 3.204 (slightly heavier weight)
2015-08-09 23:36:48 +03:00
2015-08-09 23:56:41 +03:00
Added:
`**` `***` `+++` `--` `---` `?:`
`/=` `/==` `.=` `^=` `=~` `?=` `||=` `|=`
`<<<` `<=<` `-<<` `-<` `>-` `>>-` `>=>` `>>>`
`<*>` `<|>` `<$>` `<+>`
2015-08-10 10:58:48 +03:00
`<!--` `{-` `-}` `/**` `\\` `\\\`
`..<` `??` `|||` `&&&` `<|` `|>`
2015-08-09 23:56:41 +03:00
2015-12-18 15:48:45 +03:00
Added support for Powerline
2015-08-09 23:36:48 +03:00
2015-12-18 15:48:45 +03:00
#### 0.5
2015-05-26 19:34:51 +03:00
2015-12-18 15:48:45 +03:00
Added: `#{` `~-` `-~` `<==` `==>` `///` `;;` `</`
#### 0.4
2015-05-25 22:52:15 +03:00
- Added `~=` `~~` `#[`
- Rolled back `&&` and `||` to more traditional look
- `===` and `!==` are now rendered with 3 horisontal bars
2015-05-07 18:57:07 +03:00
2015-12-18 15:48:45 +03:00
#### 0.3
Added: `~@` `#?` `=:=` `=<`
#### 0.2.1
Fixed width of `&&` and `||`
#### 0.2
Added: `-->` `<--` `&&` `||` `=>>` `=/=`
2015-05-07 18:57:07 +03:00
2015-05-07 17:41:30 +03:00
2015-12-18 15:48:45 +03:00
#### 0.1
2014-11-11 22:47:04 +03:00
`>>=` `=<<` `<<=` `->>` `->` `=>` `<<-` `<-`
`===` `==` `<=>` `>=` `<=` `>>` `<<` `!==` `!=` `<>`
`:=` `++` `#(` `#_`
`::` `...` `..` `!!` `//` `/*` `*/` `/>`