Having font issue with VS Code Terminal - visual-studio-code

On my Mac OS Mojave, I am using iTerm2 with powerlevel9k theme.
For the fonts to render well, I am using SourceCodePro+Powerline+Awesome+Regular as the font and also added a line POWERLEVEL9K_MODE='awesome-patched' to the .zhrc.
The emojis are not rendering well on vs code terminal. So vscode's settings.json, I set "terminal.integrated.fontFamily": "'SourceCodePro+Powerline+Awesome+Regular',",. That hasn't fixed the issue. So, I set "terminal.external.osxExec": "iTerm.app". That also doesn't help.
What could be the reason? How can I fix it? How is vs code terminal different from iterm2?
Not sure if this related to the font issue. what ever command I give in VSCode Terminal, is repeating.
demo >> demozsh: command not found: demo
echo >> echo
cd Documents >> cd%
What is the issue I am facing?

Unicode 11 support
The width of characters in the terminal now default to the unicode 11 widths. What this means to most people is that emojis will be correctly showing up as wide characters.
from https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_43.md#unicode-11-support possibly fixed in v1.43

Related

Why does VS code shows output with weird symbols?

i think this became a problem after installing extensions but i'm not sure[enter image description here]
i tried reinstalling vscode and removing sync of any settings but it didn't workyour text
In settings under Terminal > Integrated: Renderer Type, it defaults to "auto" which in my case selects the "canvas" setting. If you switch this to "dom" it will fix the jumbled letters in the integrated terminal.
Also i'd recommend double-checking your language packs that are installed in windows and either reinstall them or make sure you have installed correctly.
Hope this helps.

VSCode terminal with buggy font

Well, I have installed vscode to my job laptop and for some reason, the font of its integrated terminal is weird A LOT. Take a look at this screenshot:
So, as you can see, the font there is really weird and I have no idea what has happened. The settings are synced with my personal laptop vscode and it's normal there.
PS.: The font of the windows CMD and PS are OK, nothing wrong with them.
What can be causing that?
I faced this very problem when starting on windows. In my case, this issue was caused by syncing my user settings for Mac which has "editor.fontFamily": "Monaco" for the editor font family. Resetting this field to default value solve the problem for me.
It happens when the font you set for terminal.integrated.fontFamily doesn't exist anymore in your system (Windows or Mac).
You'll want to either:
Search "terminal font" in settings
Change the font family with the one exist
Alternatively, it may caused by editor.fontFamily with the same reasons.

VS Code Integrated Terminal Not Displaying Special Characters

My VS Code integrated terminal doesn't recognize the git branch symbols, or the forward arrow character, shown in the first screenshot, which displays correctly in iTerm windows and IntelliJ's integrated terminal.
These characters are coming from iTerm, using the terminal setup steps I went through here: https://medium.com/#Clovis_app/configuration-of-a-beautiful-efficient-terminal-and-prompt-on-osx-in-7-minutes-827c29391961
What I want to see in VS Code integrated terminal:
What I currently see in VS Code integrated terminal:
I did come across a solution to add this to my VS Code settings.json, but this setting has since been deprecated as it has been integrated as the default setting in newer vs updates.
"terminal.integrated.experimentalTextureCachingStrategy": "dynamic"
It's not a pressing issue, but personalizing the VS Code terminal with more git info and aesthetics would be really nice using special characters.
Install a powerline/nerdfont font to your system if you haven't already, and then specify that font in the terminal.integrated.fontFamily setting in your settings.json file.
Quoting from the VS Code docs:
Powerline fonts are special patched fonts that contain additional characters that can be used in the terminal. VS Code's terminal renders some of the Powerline symbols without needing to configure a font, but if more glyphs are desired, configure a Powerline font with the font family setting. Powerline fonts typically end in " for Powerline", the following setting is an example of how to configure a DejaVu Sans Mono that has been patched:
"editor.fontFamily": "'DejaVu Sans Mono for Powerline'"
Nerd Fonts work the same and typically have a " NF" suffix, the following is an example of how to configure Hack's nerd fonts variant:
"terminal.integrated.fontFamily": "'Hack NF'"

VS Code-Power Shell Command Line-crazy highlights

Environment:
Windows Server 2019
VSCode 1.59.1
PowerShell 7.1.4 (same with PS 5.1)
Steps:
Uninstall PS 7, VS Code, reinstall.
$Profile files are all empty.
settings.json is empty.
Typing one character on terminal command line is ok (plain character on terminal background). Typing a second or more characters gets this strange highlight (background turns magenta, same character color). I have the same setup across 4 computers and they are ok, just this one on the Server has this problem. The weird color highlighting makes it very hard to read!
Started fresh in another Windows 2019 server.
There was no problem in VS Code until using this PowerShell color tool caused the problem:
"concfg-COLOR Tool" import xxxxxx.json WHERE this line occurs:
"screen_colors": "dark_yellow,dark_magenta",
Changing the dark_magenta to dark_blue definitely changes the VS Code Terminal background
but changing to the screen backgound color we actually used #012456 did not work!!
So finally I just left it alone.
Then for VS Code, in Settings.json, changing "ansiMagenta" to the background color we use:
// "terminal.ansiMagenta": "#d338d3",
"terminal.ansiMagenta": "#012456",
did work. BUT WHY? if the settings.json were cleared out and I still had the problem.?
What is the relationship between "terminal.ansiMagenta" and the "dark_magenta" from the "concfg-COLOR Tool"?
So many strange mysteries but at least its working now!!

setting character variants ss01, ss02, ... in vscode settings does not work in vscode terminal

I am using fira code font and I am setting "editor.fontLigatures": "'ss01','ss03','ss04','ss07', ..." in vscode. The character variants are working fine inside the editor but It is not working in terminal. So how to make vscode to show character variants in terminal?
OS: Linux (Elementary OS)
Ligatures are not supported in the terminal yet: See (and upvote) Support ligatures in terminal.
Also, the setting editor.fontLigatures will only affect the editors, not the terminal.