Fix Font In Vscode Terminal 1

# Fix Font in VSCode Terminal

Table of Contents

The Font Problem in VSCode

After done the configuration in Terminal Mastery: Crafting A Productivity Environment With ITerm, Tmux, And Beyond, we got a nice terminal:

However, after I installed VSCode, its integrated terminal couldn’t display the Nerd Font glyphs: the Powerlevel10k icons and the git branch symbol showed up as empty boxes or question marks.

The Fix

We need to fix it by updating the font family in VSCode.

1. Identify the name of font family. Open Font Book on Mac, we can see:

The font supports those glyphs is “MesloLGM Nerd Font Mono”, that’s also what I configured for iTerm2.

2. Go to VSCode, go to Command + comma, go to settings, search “terminal.integrated.fontFamily”, set the font name as below:

3. Now we can see it displays correctly:

Well done!

My avatar

Thanks for reading my blog post! Feel free to check out my other posts or contact me via the social links in the footer.


More Posts