Skip to content
Guilherme Caminha edited this page Sep 15, 2016 · 15 revisions

Installation

To change your font to Fira Code, open Atom's preferences (cmd+, on Mac or ctrl+, on PC), make sure the "Settings" tab is selected, or the "Editor" in Atom 1.10, and scroll down to "Editor Settings". In the "Font Family" field, enter Fira Code. If you wish to specify a font weight, remove all spaces from the font name and specify the weight following a hyphen (e.g. FiraCode-Light).

Ligatures

Ligatures are enabled by default in Atom 1.9 and above.

To enable ligatures on older Atom versions (Atom 1.1 and newer), go to Menu → Stylesheet...

and add text-rendering to atom-text-editor:

atom-text-editor {
  text-rendering: optimizeLegibility;
}

Beware that in some syntaxes selected ligatures might not work. This is usually a syntax parser/tokenization issue (e.g. -> breaks into two symbols by JS/Ruby syntax highlighter). See issues #63 and #69

To turn off ligatures inside of strings and regular expressions you can add this to your stylesheet:

atom-text-editor::shadow .string.quoted,
atom-text-editor::shadow .string.regexp {
  -webkit-font-feature-settings: "liga" off, "calt" off;
}

If there is any other place that you find you do not want to see ligatures, place your cursor on the location, hit Ctrl+Alt+Shift+P and add the bottom-most selector listed in the popup notification to the rule above.