Apr 30, 2019 This will add all elements that are present in FiraCode but not in Operator Mono – read: ligatures – to Operator Mono. This approach should work with all monospaced fonts where one supports ligatures and the other doesn't. Below is a screenshot of the 'thin' / 'extra light' version of Operator Mono with the 'light' FiraCode ligatures.
I'm currently using operator mono font as my default font in vs code, now I want to add fira code font to it, but I don't know how to add it in order to make both of them work. I try to add the second font in font family settings but the second font seems to replace the current font.How should I do that?
My current sitting :
'editor.fontFamily': 'Operator Mono' ', 'editor.fontLigatures' : true
Use ' Operator Mono' font as a Webfont You can create beautiful websites with great typography using the @font-face kit of Operator Mono font. Webfont and @font-face supported all up-to-date browsers can use comfortably. @font-face is very easy to use, click here to download Operator Mono webfont kit. Operator is a typewriter-inspired typeface designed by Andy Clymer and released through Hoefler & Co. Although inspired by typewriter faces, Operator is actually a proportional design rather than fixed-width which allows it to function more as a serious text face. Jul 15, 2016 If you’ve heard of the Operator Mono Font, then you’ll know that it contains some of the most fabulous looking ligatures. You’ll also know that this font can cost between $200 and $600 which.
John KennedyOperator Mono Free
3 Answers
You can also update your Operator Mono font to include ligatures. I wrote a project that merges custom ligatures into your existing font.
Check it out at https://github.com/kiliman/operator-mono-lig
KilimanKilimanThe first font in the list of the editor.fontFamily setting will be the used font for all code. Only if this font does not exist on your computer it will fall back to the second font in that list and so forth. The editor.fontLigatures: true setting will only work if your chosen font supports font ligatures which I think 'Operator Mono' does not.
However there is a way to combine two different fonts in VSCode: https://medium.com/@zamamohammed/multiple-fonts-alternative-to-operator-mono-in-vscode-7745b52120a0
Check out Kiliman's project on GitHub, which he referenced in his answer.
This will give you the most used Operator Mono styles together with FiraCode ligatures, all bundled nicely into one font.As of now, some styles are not supported yet. For these, you can merge two fonts, eg Operator Mono and FiraCode manually. This will add all elements that are present in FiraCode but not in Operator Mono – read: ligatures – to Operator Mono.
This approach should work with all monospaced fonts where one supports ligatures and the other doesn't.
Below is a screenshot of the 'thin' / 'extra light' version of Operator Mono with the 'light' FiraCode ligatures.
Not the answer you're looking for? Browse other questions tagged fontsvisual-studio-code or ask your own question.
Free Operator Mono clone for Atom
A stylish way to code!
Check out the screenshots.
Installation
Install fonts
Download and install Fira Code font into your system. Installation instructions
Download and install Script12 BT font into your system in the same manner. Thanks to @kencrocken for finding this font :)
The current version (last checked September 2017) of the fonts can also be found in this repository.
Configure Atom
Enable Ligatures
To use Fira Code properly you need to enable ligatures. There are two ways to do this, see below:
Ligatures - Quick install
Bring up Atom and go to Settings > Themes. Search for Operator Mono and install.
This syntax theme has been built to support this Fira Code, it is built from scratch using the Oceanic Next Italic palette and it will enable ligatures, and make certain attributes italic. It will also be your theme.
Ligatures - Manual install
If you prefer to use your own syntax theme, you have to edit your styles.less and insert these lines:
Enable 'Operator Mono' font
In order to enable the alternative font for italic, which is probably what you came for, you have to manually edit your styles.less file and merge the code snippet found in styles.less in this repository with your own.
If you have any personal preferences, such as applying 'Operator Mono' for comments as well, just add .syntax--comment in the css selector list.
Troubleshooting
Atom version
The instructions / code works for the latest versions of Atom (1.20.x) and Atom Beta (1.21.x). Please make sure your editor is updated.
Are your ligatures not being applied correctly?
- In Editor Settings, you might need to enter 'Fira Code' in 'Font Family'
- Hunt down and disable interfering packages that modifies fonts, such as 'fonts'
Screenshots
The screenshots below are taken with the Operator Mono theme.