Uploaded February 2024 | Updated September 2026, 1 hour ago

---

A detailed guide on setting up font family and font ligatures in Visual Studio Code, along with an overview of a few fantastic programming fonts you should try out. You’ll learn how to easily experiment and try out different coding fonts to find your perfect font and how to solve a major gotcha related to font ligatures.

🔗 Links
Coding Fonts Playground: cssw.io/coding-fonts
GitHub Monaspace Font: cssw.io/monaspace

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Help support my channel
👨‍🎓 Get a course: masteringlinting.com
🪧 Buy a CSS sticker pack: stickers.css-weekly.com
💖 Support me on Patreon: patreon.com/cssweekly

Keep up-to-date with CSS Weekly:
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
👨‍💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor

📖 Chapters
00:00 Why you should find a good coding font
00:28 How to change font family in VS Code
01:13 How to enable ligatures in VS code
02:04 What are font ligatures
02:54 How to find a good programming font
03:47 JetBrains Mono Font
04:05 Cascadia Code Font
04:37 Iosevka Font
05:05 How to inspect font variations on MacOS in Font Book
05:46 Using font variations in VS Code
06:31 Fira Code Font
06:48 GitHub Monaspace Font
07:37 What if font ligatures are not working in VS Code
08:48 What is your favorite coding font?

- Zoran Jambor
#codingfonts #vscode