Giter VIP home page Giter VIP logo

firacode's Introduction

Fira Code: monospaced font with programming ligatures

Problem

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.

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.

Editor support

Do not work:

  • SublimeText (vote here)
  • Intellij Idea (vote here), including everything built on top of it (PhpStorm, PyCharm, RubyMine, WebStorm, AppCode, CLion, ReSharper)
  • iTerm 2 (feature request)
  • OS X Terminal.app
  • Emacs (workaround)
  • gVim, MacVim, Vim
  • Eclipse (Mac and Win, vote here)
  • Notepad++
  • Kate, Konsole, KWrite in KDE 4
  • Xamarin Studio/Monodevelop
  • GNOME Terminal

Do work:

  • Atom (since 1.1, add atom-text-editor { text-rendering:optimizeLegibility } to the stylesheet)
  • Xcode (with this plugin)
  • Visual Studio
  • TextMate 2
  • Coda 2
  • Eclipse (Linux)
  • QtCreator
  • LightTable (instructions)
  • BBEdit — enter this command in a terminal to enable ligatures:
    defaults write com.barebones.bbedit "EnableFontLigatures_Fira Code" -bool YES
  • RStudio
  • Chocolat
  • Kate, Konsole, KWrite in Plasma/KDE 5
  • Kate, Konsole, KWrite in KDE 4 using Debian Jessie or OS X
  • Mancy
  • TextAdept (Linux, Mac)
  • GNOME Builder
  • Leafpad
  • Cloud9 ACE

Should work (copied from Hasklig README):

  • Geany
  • gEdit
  • Smultron
  • Vico

Browser support

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

Code examples

Ruby:

JavaScript:

Erlang:

Go:

Haskell:

Alternatives

Another monospaced fonts with ligatures:

Credits

This work is based on OFL-licensed Fira Mono font. Original Fira Mono font was not changed, only extended.

Fira Code was inspired by Hasklig font: Ligatures for Haskell code.

Thanks Georg Seifert for providing a Glyphs 2 license.

Changelog

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 Glyps 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 horisontal bars

0.3

Added: ~@ #? =:= =<

0.2.1

Fixed width of && and ||

0.2

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

0.1

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

firacode's People

Contributors

attaboy avatar chergert avatar davidfitzgibbon avatar fastred avatar lastorset avatar natestedman avatar rojepp avatar tonsky avatar zachgibb avatar zhigalin avatar

Watchers

 avatar  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.