Code Monkey home page Code Monkey logo

firacode's Introduction

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

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:

Erlang:

Go:

LiveScript:

Clojure:

Terminal support

Works Doesn’t work
Black Screen Cmder
Butterfly ConEmu
HyperTerm GNOME Terminal
Konsole iTerm 2 (coming in 3.1)
QTerminal LXTerminal
Terminal.app (OS X default terminal) mate-terminal
Termux (Android terminal emulator) mintty
             | **PuTTY**
             | **rxvt**
             | **Terminator, xfce4-terminal, lxterminal, gtkterm, xfce4-terminal** and other libvte-based terminals ([bug report](https://bugzilla.gnome.org/show_bug.cgi?id=584160))
             | **sakura**

Editor support

Works Doesn’t work
Anjuta (unless at the EOF) Arduino IDE
AppCode (2016.2+, instructions) Adobe Dreamweaver
Atom 1.1 or newer (instructions) Eclipse (Mac and Win, vote here)
BBEdit (instructions) Standalone Emacs (workaround)
Brackets (with this plugin) gVim
Chocolat IDLE
CLion (2016.2+, instructions) KDevelop 4
Coda 2 Monkey Studio IDE
CodeLite Notepad++
Eclipse (Linux) Spyder IDE
Geany SublimeText (vote here)
gEdit / Pluma
GNOME Builder
IntelliJ IDEA (2016.2+, instructions)
Kate, KWrite
Komodo
Leafpad
LibreOffice
LightTable (instructions)
MacVim 7.4 or newer (instructions)
Mancy
Meld
Mousepad
NetBeans
Notepad (Win)
PhpStorm (2016.2+, instructions)
PyCharm (2016.2+, instructions)
QtCreator
RStudio (instructions)
RubyMine (2016.2+, instructions)
Scratch
TextAdept (Linux, Mac)
TextEdit
TextMate 2
Visual Studio 2015
Visual Studio Code (instructions)
WebStorm (2016.2+, instructions)
Xamarin Studio/Monodevelop
Xcode (with this plugin)
Probably work: Smultron, Vico Under question: Code::Blocks IDE

Browser support

  • IE 10+, Edge: enable with font-feature-settings: "calt" 1;
  • Firefox
  • Safari
  • Chromium-based browsers (Chrome, Opera):
    • enable with font-variant-ligatures: contextual; or text-rendering: optimizeLegibility, see 571246
  • ACE
  • CodeMirror

Alternatives

Other monospaced fonts with ligatures:

Credits

Changelog

1.203 (September 17, 2016)

  • Added __ (#120, #269)

1.202 (September 17, 2016)

  • Removed {. .} [. .] (. .) (#264)

1.201 (August 30, 2016)

  • Removed [] (#92) {- -} (#248)
  • Removed /** **/ and disabled ligatures for /*/ */* sequences (#219 #238)
  • Added ]# {. .} [. .] (. .) (#214)

1.200 (July 18, 2016)

  • Removed !!! ??? ;;; &&& ||| =~ (#167) ~~~ %%%
  • New safer calt code that doesn’t apply ligatures to long sequences of chars, e.g. !!!!, >>>>, etc (#49, #110, #176)
  • Larger + - * and corresponding ligatures (#86)
  • Hexadecimal x (0xFF) is now applied to sequences like 128x128 as well (#161)
  • Added twoTurned (U+218A) and threeTurned (U+218B) (#146)
  • Added whiteFrowningFace (U+2639) (#190)
  • Simplified visual style on markdown headers ## ### #### (#107)
  • Added </> (#147)
  • Provided ttf and webfonts versions (eot, woff, woff2) (#18, #24, #38, #101, #106)
  • Increased spacing in <= >= (#117)

1.102

  • Support for IntelliJ-based IDEs (instructions)
  • Turned on autohinting

1.101

  • Added Light weight
  • Adjusted rules when vertical centering of :, -, * and + occurs

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)

1.000

Added weights:

  • Retina (just slightly heavier than Regular)
  • 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 Glyphs 2 app (should improve compatibility).

Added:

<-> <~~ <~ ~~~ ~> ~~>
<$ <+ <* *> +> $>
;;; ::: !!! ??? %% %%% ## ### ####
.- #_( =< **/ 0x www []

Redrawn:

{- -} ~= =~ =<< >>= <$> <=> .=

Removed: ?:

Total ligatures count: 115

0.6

Redrawn from Fira Mono 3.204 (slightly heavier weight)

Added:

** *** +++ -- --- ?:
/= /== .= ^= =~ ?= ||= |=
<<< <=< -<< -< >- >>- >=> >>>
<*> <|> <$> <+>
<!-- {- -} /** \\ \\\ ..< ?? ||| &&& <| |>

Added support for Powerline

0.5

Added: #{ ~- -~ <== ==> /// ;; </

0.4

  • Added ~= ~~ #[
  • Rolled back && and || to more traditional look
  • === and !== are now rendered with 3 horizontal bars

0.3

Added: ~@ #? =:= =<

0.2.1

Fixed width of && and ||

0.2

Added: --> <-- && || =>> =/=

0.1

>>= =<< <<= ->> -> => <<- <-
=== == <=> >= <= >> << !== != <>
:= ++ #( #_
:: ... .. !! // /* */ />

firacode's People

Contributors

tonsky avatar dominionized avatar fastred avatar kinddragon avatar hastebrot avatar chrisdias avatar chergert avatar dlh3 avatar davidfitzgibbon avatar federicoceratto avatar francis36012 avatar igorsantos07 avatar olsondev avatar rivokl avatar lastorset avatar attaboy avatar crummy avatar wsxarcher avatar natestedman avatar nobbz avatar paitoanderson avatar polo2ro avatar philippsoehnlein avatar rojepp avatar ssnikolaevich avatar shockone avatar zachgibb avatar lf- avatar

Watchers

James Cloos avatar dev.with avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.