Read and understand code faster with programming ligatures in Fira Code font

A ligature occurs where two or more graphemes or letters are joined as a single glyph. For example, Fira Code font by Nikita Prokopov contains a set of ligatures for common programming multi-character combinations like ++, >= or != :

Fira Code font in Visual Studio 2017

Fira Code font in Visual Studio 2017

Default Consolas font in Visual Studio 2017

Default Consolas font in Visual Studio 2017

This is just a font rendering feature: underlying code stays the same and remains ASCII-compatible – only the representation changes. Not only can multi-character glyphs be rendered more vividly, other problematic things in monospaced fonts, such as spacing can be corrected. With standard fonts your eye spends a non-zero amount of energy to scan, parse and join multiple characters into a single logical one. Programming ligatures help to read and understand code faster:

Fira Code supports modern web browsers and many popular editors such as Visual Studio Code, IntelliJ, Atom, PhpStorm and Xcode. To install it for Visual Studio, download and unzip fonts, right click on the ttf\FiraCode-Regular.ttf file and select Install, (restart Visual Studio) and select Fira Code in Visual Studio font options:

Happy reading!

This entry was posted in Visual Studio tips. Bookmark the permalink.

5 Responses to Read and understand code faster with programming ligatures in Fira Code font

  1. Hezzy Okello says:

    Ever since i came across Fira Code its been my favorite font. It just completes my VS Code

  2. Pingback: TWC9: Build Apps are out, Surface Laptop, .Net 4.7 GA, Contributing to .NET for Dummies and more… | This Week On Channel 9 – Be Analytics

  3. Pingback: Adding Fire to your Coding with Fira Code Font – Be Analytics

  4. Was thinking the other day about the old days where we had fonts perfect for coding, especially the . in 0 (zero)…. Here I have that again! Thanks!

  5. sijmenkof says:

    Great to have the . in the 0 again!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s