vscode change font-family only for font ligatures

2
votes

in vscode I am trying to change font family only for font ligatures to Fira Code. I can do it with custom css plugin, but the class for font ligatures (.mtk10) is shared. So if i change it, then it also changes font for if, else, this and other keywords. Is there any way to target only font ligatures?

This is my custom css style:

.mtk10 {
    font-family: Fira Code;
}
1
visual-studio-codevscode-settings

1 Answers

0
votes

I would not recommend that at all. You can, however, edit your own font and add ligatures inside that. Check this tutorial on how to create a font with ligatures.

You can also check out this October 2019 Release Notes - stylistic sets.

If you'd rather setup ligatures with Fira Code and use that font as well, then you can do that by the following set of instructions.

Step #1: Install Fira Code.

Step #2: Set the font in VSCode settings:

"editor.fontFamily": "Fira Code, Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,

Step #3: Restart/reload VSCode.

That's about it.