Have you ever seen screenshots of someone's editor and they have a cool arrow instead of
->? Those are font ligatures, which Wikipedia describes as "In writing and typography, a ligature occurs where two or more graphemes or letters are joined as a single glyph." They're more than just special cases where two letters don't have any kerning, but rather, they're specifically designed to fit in with the given font.
I always assumed it would take Effort™ to set up a font with ligatures, or that it would be expensive, like Operator Mono, at $199! Turns out, there's a great free alternative, and it only takes a couple minutes to set up with VSCode.
- Clone the repo with
git clone email@example.com:tonsky/FiraCode.git
Font Bookand hold
- In the
Fira Coderepo, select everything in
- In VSCode, open your settings, and navigate to
Text Editor > Font
- Make your first font
'FiraCode-Retina', or just
'Fira Code'if you're on an older laptop.
- Tick the checkbox for
...and that's it! You can switch to a different tab/pane and try typing
->, or any other ligature you can see on the
Fira Code readme.