Atom instructions

Sina M. Omrani edited this page Jun 29, 2018 · 19 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 forth, and scroll down to "Editor Settings". In the "Font Family" field, enter Fira Code. If you wish to specify a font weight, specify the weight following a space (e.g. Fira Code Light).

Note: on OS X, you may have to manually download and unzip the .ttf files into Library/Fonts, and then specify FiraCode-Light in Atom.

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.editor .syntax--string.syntax--quoted,
atom-text-editor.editor .syntax--string.syntax--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.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.