DEV Community

Cover image for Cascadia Code: a new font for Visual Studio Code and Terminal

Cascadia Code: a new font for Visual Studio Code and Terminal

Emanuele Bartolesi on October 09, 2019

A few days ago, Microsoft released a new monospaced font. It's perfect for Terminal and Visual Studio Code. The font is open source and licensed un...
Collapse
 
fcrozetta profile image
Fernando Crozetta •

After trying this font on my vscode, I switched back to Fira code, but it's a personal choice.
Personally, I Think Cascadia is more "blocky" and visually made it more difficult to understand the code I'm writing. Do you had any problems like me?

Collapse
 
cooknl profile image
CAPN •

Yeah, I'm finding it a bit "heavy", like everything is bold.

Collapse
 
robole profile image
Rob OLeary •

There is different weights AFAIK, you can try a lighter than regular weight. I heard someone mention this recently

Collapse
 
samdx profile image
samdx •

Yes. Iosvka (github.com/be5invis/Iosevka) is also a great alternate to Fire Code but not Cascadia.

Collapse
 
examosa profile image
Jules Amonith •

My one qualm is that Cascadia Code doesn't seem to support powerline characters, whereas Fira Code does.

Collapse
 
thadavos profile image
ThaDaVos •

There's a new version of Cascadia Code called Cascadia Code PL which has the powerline characters

Collapse
 
sinewalker profile image
Mike Lockhart • • Edited

My favorite screen fonts are all Microsoft ones.

Collapse
 
sinewalker profile image
Mike Lockhart •

A good Free alternative to Georgia is Caris SIL

A good Free alternative to Verdana is Google's Inconsolata

Collapse
 
tvl83 profile image
Thomas Le •

Jetbrains just came out with "Jetbrains Mono" a week or two ago. It's a pretty cool font that I am changing to. I haven't used Cascadia but I'll check it out too. I love all things jetbrains so I am a little bias :)

Collapse
 
xgstq profile image
James •

I tried it, switched back also. Initially looked good but then noticed the === had no gaps between each character. Might be just my setup, anyone else get this?

Collapse
 
rcoundon profile image
Ross Coundon •

That's the font ligatures in action, I think

Collapse
 
raglandcodes profile image
Ragland Asir •

You can disable it by adding

"editor.fontLigatures": false

to settings.json file

Collapse
 
khuongduybui profile image
Duy K. Bui •
Collapse
 
deathrid profile image
wangchauyan •

Thanks for sharing this. After installation the Cascadia code into VS Code, the whole editor panel is perfect now!

Collapse
 
trakode profile image
Trakode •

From my point of view I never hesitate to test a new choice. Thank you

Collapse
 
lornova profile image
lornova •

I'm using the latest version of vscode (1.41.1) and there isn't a Font Ligatures checkbox. Instead there is the link "Edit in settings.json" but then what is the attribute name?

Collapse
 
thadavos profile image
ThaDaVos •

As mentioned by someone above:
"editor.fontLigatures": true
Also if you want Powerline characters, you need to download Cascadia Code PL

Collapse
 
mejanhaque profile image
Muhammad Mejanul Haque • • Edited

for those who who is missing the powershell theme icon/font style, use Cascadia Code PL instead of Cascadia Code in setting...

Collapse
 
deyvisonrocha profile image
Deyvison Rocha •

Wow! Nice font! Using now! Fira Code is freeze now.