2014-11-11 22:47:04 +03:00
## Fira Code: monospaced font with programming ligatures
2017-03-20 11:50:13 +03:00
< img src = "http://s.tonsky.me/imgs/fira_code_logo.svg" >
2015-07-30 15:27:45 +03:00
2014-11-11 22:47:04 +03:00
### Problem
2016-04-01 15:45:12 +03: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 22:47:04 +03:00
### Solution
2017-06-10 15:46:53 +03: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) · [Troubleshooting](https://github.com/tonsky/FiraCode/wiki#troubleshooting) · [News & updates](https://twitter.com/FiraCode)
2015-12-21 10:29:09 +03:00
2016-03-24 04:24:28 +03: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 22:47:04 +03:00
2017-09-28 15:13:33 +03:00
< img src = "./showcases/all_ligatures.png" >
2014-11-11 22:47:04 +03:00
2016-08-30 14:34:40 +03:00
### Code examples
Ruby:
2017-09-28 15:13:33 +03:00
< img src = "./showcases/ruby.png" >
2016-08-30 14:34:40 +03:00
JavaScript:
2017-09-28 15:13:33 +03:00
< img src = "./showcases/javascript.png" >
PHP:
< img src = "./showcases/php.png" >
2016-08-30 14:34:40 +03:00
Erlang:
2017-09-28 15:13:33 +03:00
< img src = "./showcases/erlang.png" >
2016-08-30 14:34:40 +03:00
2017-01-18 10:54:18 +03:00
Elixir:
2017-09-28 15:13:33 +03:00
< img src = "/showcases/elixir.png" >
2017-01-18 10:54:18 +03:00
2016-08-30 14:34:40 +03:00
Go:
2017-09-28 15:13:33 +03:00
< img src = "./showcases/go.png" >
2016-08-30 14:34:40 +03:00
LiveScript:
2017-09-28 15:13:33 +03:00
< img src = "./showcases/livescript.png" >
2016-08-30 14:34:40 +03:00
Clojure:
2017-09-28 15:13:33 +03:00
< img src = "./showcases/clojure.png" >
2016-08-30 14:34:40 +03:00
2017-08-07 16:23:51 +03:00
Swift:
2017-08-07 16:27:23 +03:00
2017-09-28 15:13:33 +03:00
< img src = "./showcases/swift.png" >
2017-08-07 16:23:51 +03:00
2016-08-30 14:34:40 +03:00
2016-03-24 04:24:28 +03:00
### Terminal support
2015-12-20 17:51:56 +03:00
2017-11-02 13:27:48 +03:00
| Works | Doesn’ t work |
| ------------------ | ------------------ |
| **Butterfly** | **Alacritty** |
| **Hyper.app** | **cmd.exe** |
| **iTerm 2** ([since 3.1](https://gitlab.com/gnachman/iterm2/issues/3568#note_13118332)) | **Cmder** |
2017-11-19 12:18:31 +03:00
| **Kitty** | **ConEmu** |
| **Konsole** | **GNOME Terminal** |
| **QTerminal** | **mate-terminal** |
| **Terminal.app** | **mintty** |
| **Termux** | **PuTTY** |
| **Token2Shell/MD** | **rxvt** |
| **upterm** | **ZOC** (Windows) |
| **ZOC** (macOS) | **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 17:51:56 +03:00
2014-11-11 22:47:04 +03:00
### Editor support
2017-03-25 18:05:36 +03:00
| Works | Doesn’ t work |
| ----- | -------------- |
2017-06-22 21:20:22 +03:00
| **Android Studio** (2.3+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) | **Arduino IDE** |
| **Anjuta** (unless at the EOF) | **Adobe Dreamweaver** |
| **AppCode** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) | **Delphi IDE** |
2017-08-07 16:50:25 +03:00
| **Atom** 1.1 or newer ([instructions](https://github.com/tonsky/FiraCode/wiki/Atom-instructions)) | **Eclipse** (Win, [vote here ](https://bugs.eclipse.org/bugs/show_bug.cgi?id=398656 )) |
2017-06-22 21:20:22 +03:00
| **BBEdit/TextWrangler** ([instructions](https://github.com/tonsky/FiraCode/wiki/BBEdit-instructions)) | Standalone **Emacs** ([workaround](https://github.com/tonsky/FiraCode/wiki/Setting-up-Emacs)) |
2017-08-07 16:21:30 +03:00
| **Brackets** (with [this plugin ](https://github.com/polo2ro/firacode-in-brackets )) | **gVim** (Windows [workaround ](https://github.com/tonsky/FiraCode/issues/462 )) |
2017-06-22 21:20:22 +03:00
| **Chocolat** | **IDLE** |
| **CLion** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) | **KDevelop 4** |
2017-08-07 16:51:55 +03:00
| **Cloud9** ([instructions](https://github.com/tonsky/FiraCode/wiki/Cloud9-Instructions)) | **Monkey Studio IDE** |
2017-10-06 18:34:44 +03:00
| **Coda 2** | |
2017-08-07 16:11:18 +03:00
| **CodeLite** | |
2017-08-07 16:50:25 +03:00
| **Eclipse** (Mac 4.7+, Linux) | |
2017-03-30 09:26:05 +03:00
| **Geany** |
2017-03-25 18:05:36 +03:00
| **gEdit / Pluma** |
| **GNOME Builder** |
| **IntelliJ IDEA** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
| **Kate, KWrite** |
| **Komodo** |
| **Leafpad** |
| **LibreOffice** |
| **LightTable** ([instructions](https://github.com/tonsky/FiraCode/wiki/LightTable-instructions)) |
| **LINQPad** |
| **MacVim** 7.4 or newer ([instructions](https://github.com/tonsky/FiraCode/wiki/MacVim-instructions)) |
| **Mancy** |
| **Meld** |
| **Mousepad** |
| **NetBeans** |
| **Notepad** (Win) |
2017-08-07 16:11:18 +03:00
| **Notepad++** (with a [workaround ](https://github.com/notepad-plus-plus/notepad-plus-plus/issues/2287#issuecomment-256638098 )) |
2017-03-25 18:05:36 +03: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 )) |
| **QtCreator** |
| **Rider** |
| **RStudio** ([instructions](https://github.com/tonsky/FiraCode/wiki/RStudio-instructions)) |
| **RubyMine** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
| **Scratch** |
2017-10-06 18:34:44 +03:00
| **SublimeText** (3146+) |
2017-03-30 16:23:15 +03:00
| **Spyder IDE** (only with Qt5) |
2017-12-12 02:06:14 +03:00
| **SuperCollider 3** |
2017-03-25 18:05:36 +03:00
| **TextAdept** (Linux, Mac) |
| **TextEdit** |
| **TextMate 2** |
| **VimR** ([instructions](https://github.com/qvacua/vimr/wiki#ligatures)) |
2017-04-27 14:45:41 +03:00
| **Visual Studio 2015** |
2017-03-25 18:05:36 +03:00
| **Visual Studio 2017** |
| **Visual Studio Code** ([instructions](https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions)) |
| **WebStorm** (2016.2+, [instructions ](https://github.com/tonsky/FiraCode/wiki/Intellij-products-instructions )) |
| **Xamarin Studio/Monodevelop** |
2017-08-07 16:27:23 +03:00
| **Xcode** (8.0+, otherwise [with plugin ](https://github.com/robertvojta/LigatureXcodePlugin )) |
2017-03-25 18:05:36 +03:00
| Probably work: **Smultron, Vico** | Under question: **Code::Blocks IDE** |
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
2017-09-28 10:56:54 +03:00
```html
<!-- HTML -->
< link rel = "stylesheet" href = "https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css" >
```
```css
/* CSS */
@import url(https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css);
```
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
2016-11-30 21:39:19 +03:00
- Chromium-based browsers (Chrome, Opera)
2015-12-21 23:12:16 +03:00
- ACE
2016-11-30 21:40:27 +03:00
- CodeMirror (enable with `font-variant-ligatures: contextual;` )
2016-07-18 18:02:34 +03:00
2017-02-15 22:07:49 +03:00
### Projects using Fira Code
- All [JetBrains products ](https://www.jetbrains.com/ )
2017-02-16 12:17:37 +03:00
- [CodePen ](https://codepen.io/ )
2017-02-15 22:07:49 +03:00
- [Blink Shell ](http://www.blink.sh/ )
- [Klipse ](http://app.klipse.tech/ )
- [IlyaBirman.net ](http://ilyabirman.net/ )
- [EvilMartians.com ](https://evilmartians.com/ )
2016-07-18 18:02:34 +03:00
2015-07-16 20:13:24 +03:00
### Alternatives
2016-02-09 07:15:29 +03:00
Other monospaced fonts with ligatures:
2015-07-16 20:13:24 +03: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 13:50:37 +03:00
- [Fixedsys Excelsior ](https://github.com/kika/fixedsys ) (free)
2016-07-16 15:39:19 +03:00
- [Iosevka ](https://be5invis.github.io/Iosevka/ ) (free)
2016-08-12 16:39:52 +03:00
- [DejaVu Sans Code ](https://github.com/SSNikolaevich/DejaVuSansCode ) (free)
2015-07-16 20:13:24 +03:00
2014-11-11 22:47:04 +03:00
### Credits
2016-04-16 18:16:36 +03: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)