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" >
2015-12-19 17:26:39 +00:00
#### [Download Fira Code v1.100](https://github.com/tonsky/FiraCode/releases/download/1.100/FiraCode_1.100.zip)
2015-05-07 14:41:30 +00:00
2014-11-11 19:47:04 +00:00
### Problem
2015-05-22 13:30:32 +00: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 19:47:04 +00:00
### Solution
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 19:52:15 +00:00
< img src = "./showcases/all_ligatures.png" / >
2014-11-11 19:47:04 +00:00
### Editor support
2015-07-16 17:13:24 +00:00
Do **not** work:
- SublimeText ([vote here](http://sublimetext.userecho.com/topic/433445-opentype-support-ligatures-curly-quotes-contextual-and-alternate-symbols/))
2015-10-07 18:24:44 +00:00
- Intellij Idea ([vote here](https://youtrack.jetbrains.com/issue/IDEA-127539)), including everything built on top of it (PhpStorm, PyCharm, RubyMine, WebStorm, AppCode, CLion, ReSharper)
2015-07-16 17:13:24 +00:00
- iTerm 2 ([feature request](https://gitlab.com/gnachman/iterm2/issues/3568))
2015-10-18 15:47:46 +00:00
- Emacs ([workaround](https://github.com/tonsky/FiraCode/wiki/Setting-up-Emacs))
2015-12-20 08:29:24 +00:00
- gVim, MacVim, Vim
2015-09-13 08:48:16 +00:00
- Eclipse (Mac and Win, [vote here ](https://bugs.eclipse.org/bugs/show_bug.cgi?id=398656 ))
2015-09-11 12:25:07 +00:00
- Notepad++
2015-09-13 08:48:16 +00:00
- Kate, Konsole, KWrite in KDE 4
2015-09-16 17:07:35 +00:00
- Xamarin Studio/Monodevelop
2015-12-20 08:29:24 +00:00
- GNOME Terminal
2015-07-16 17:13:24 +00:00
Do work:
2015-10-30 07:19:55 +00:00
- Atom (since [1.1 ](http://blog.atom.io/2015/10/29/atom-1-1-is-out.html ), add `atom-text-editor { text-rendering:optimizeLegibility }` to the stylesheet)
2015-11-06 19:33:07 +00:00
- Xcode (with [this plugin ](https://github.com/robertvojta/LigatureXcodePlugin ))
2015-07-16 17:13:24 +00:00
- Visual Studio
2015-12-20 14:06:06 +00:00
- Terminal.app (OS X default terminal)
2015-07-16 17:13:24 +00:00
- TextMate 2
2015-09-11 12:25:07 +00:00
- Coda 2
2015-09-13 08:48:16 +00:00
- Eclipse (Linux)
2015-07-16 17:13:24 +00:00
- QtCreator
- LightTable ([instructions](https://github.com/LightTable/LightTable/issues/1459#issuecomment-57366504))
2015-08-13 17:16:48 +00:00
- BBEdit — enter this command in a terminal to enable ligatures:
`defaults write com.barebones.bbedit "EnableFontLigatures_Fira Code" -bool YES`
2015-08-09 20:36:48 +00:00
- RStudio
2015-07-16 17:13:24 +00:00
- Chocolat
2015-09-13 08:48:16 +00:00
- Kate, Konsole, KWrite in Plasma/KDE 5
2015-09-25 20:52:14 +00:00
- Kate, Konsole, KWrite in KDE 4 using Debian Jessie or OS X
2015-11-28 11:13:48 +00:00
- Mancy
2015-12-19 17:35:08 +00:00
- TextAdept (Linux, Mac)
2015-12-20 04:52:58 +00:00
- GNOME Builder
2015-12-20 08:29:24 +00:00
- Leafpad
2015-07-16 17:13:24 +00:00
Should work (copied from [Hasklig README ](https://github.com/i-tu/Hasklig )):
- Geany
- gEdit
- Smultron
- Vico
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
- 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-19 16:15:03 +00:00
2015-05-07 14:41:30 +00:00
### Code examples
2014-11-18 06:27:41 +00:00
2015-05-25 20:04:21 +00:00
Ruby:
< img src = "./showcases/ruby.png" / >
JavaScript:
< img src = "./showcases/javascript.png" / >
2014-11-18 06:27:41 +00:00
Erlang:
2015-05-25 19:52:15 +00:00
< img src = "./showcases/erlang.png" / >
2014-11-18 06:27:41 +00:00
Go:
2015-05-25 19:52:15 +00:00
< img src = "./showcases/go.png" / >
2014-11-18 06:27:41 +00:00
Haskell:
2015-05-25 19:52:15 +00:00
< img src = "./showcases/haskell.png" / >
2014-11-18 06:27:41 +00:00
2015-07-16 17:13:24 +00: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 19:47:04 +00:00
### Credits
2015-12-18 12:36:42 +00: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 19:47:04 +00:00
2015-12-18 12:36:42 +00:00
Thanks Georg Seifert for providing a [Glyphs 2 ](https://glyphsapp.com ) license.
2014-11-11 19:47:04 +00:00
### Changelog
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.
Fira Code is now drawn and built in Glyps 2 app (should improve compatibility).
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
- `===` and `!==` are now rendered with 3 horisontal bars
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
`>>=` `=<<` `<<=` `->>` `->` `=>` `<<-` `<-`
`===` `==` `<=>` `>=` `<=` `>>` `<<` `!==` `!=` `<>`
`:=` `++` `#(` `#_`
`::` `...` `..` `!!` `//` `/*` `*/` `/>`