Notice: This tutorial is made primarily for Windows users. I am not sure of whether or not it will work on Mac
Introduction
You ever wish you could have cool, combined symbols in studio, like this:
Well luckily you can! These symbols are called ligatures and can be found in specific font packs. The font used above is called Fira Code
, but there are many other fonts with ligatures similar to the ones above if you don’t like the one I’m using.
How do I do it?
Step 1: Find your font
There are many fonts that can be found that have commonly used programming ligatures. For the sake of this tutorial, I’ll be using Fira Code
. I will include a list of a few different ligatures along with pictures below to help you find your style easier.
Step 2: Install your font
Once you have found and downloaded your font, unzip it to anywhere you like, and then right-click on whichever one(s) you want to install. Click on the Install
button and install the font to your computer.
Step 3: Assign your font to your Studio IDE
Now that the font is installed to your computer, you have to set studio to use it in the coding IDE. To do this, go to File > Settings.
Then under the Studio
section, scroll down to Script Editor
and click your current Font. Find the name of whatever font you installed and press OK.
Step 4: Get Coding(profit)
Now that the font is set, all you have to do is code regularly! Just start typing your code and the font will take care of the ligatures for you. Happy coding!
Common Fonts with Programming Ligatures
Fira Code - (GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures)
Monoid - (GitHub - larsenwork/monoid: Customisable coding font with alternates, ligatures and contextual positioning. Crazy crisp at 12px/9pt. http://larsenwork.com/monoid/)
Iosevka - (GitHub - be5invis/Iosevka: Versatile typeface for code, from code.)
(Pictures for different types found at Iosevka)