Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not Supported in VSCode terminal [solved] #831

Closed
md-siam opened this issue May 16, 2022 · 17 comments
Closed

Not Supported in VSCode terminal [solved] #831

md-siam opened this issue May 16, 2022 · 17 comments

Comments

@md-siam
Copy link

md-siam commented May 16, 2022

Nerd fonts are not supported in VS Code terminal

Screen Shot 2022-05-16 at 8 01 59 AM

I am using Mononoki Nerd Font v2.1

@md-siam
Copy link
Author

md-siam commented May 16, 2022

You can see that the icons are cut in half.

@felipecrs
Copy link

felipecrs commented May 16, 2022

I can confirm the issue:

image

But this only started to happen after VS Code 1.67. If you downgrade to 1.66 they should work.

@felipecrs
Copy link

I believe we should track it at: microsoft/vscode#148857

@md-siam
Copy link
Author

md-siam commented May 16, 2022

This solution is working for me:
Screen Shot 2022-05-16 at 8 37 32 PM

Procedure:

  1. Go to Code > Preferences > Settings
  2. Search settings > 'Terminal Font'
  3. Click on Edit in settings.json
  4. At the end add this line:
"terminal.integrated.gpuAcceleration": "canvas"
  1. Done! 😀

@md-siam
Copy link
Author

md-siam commented May 16, 2022

Thanks for sharing the URL felipecrs. 😄

Screen Shot 2022-05-16 at 8 38 46 PM

My problem is solved. This issue can be closed.

@Finii
Copy link
Collaborator

Finii commented May 17, 2022

Thank you all.
I would keep this open so that people can find the solution (default is to search only for open issues...).

@JulianH99
Copy link

Sorry I'm late to the party

I have a similar problem with self patched Recursive arrow type font, but in the windows terminal
image

It does not happen with all the icons,
for example, here only the "recent files" icon is cut in half
image

@ClHg2
Copy link

ClHg2 commented May 12, 2023

Same issue as @JulianH99.

It works in VS Code:

But doesn't work in Windows Terminal:

The font I'm using is SF Mono by Apple, patched by myself. I'm using arguments -l -c

@Finii
Copy link
Collaborator

Finii commented May 12, 2023

@ClHg2 Could you say in words what does not work? I can not see anything obvious from the images.

Side-question: Is there a reason you use -l?

@ClHg2
Copy link

ClHg2 commented May 12, 2023

@Finii I mean the green tick is not shown on the right side.

I just thought it might look better if I specify -l, maybe I'm using the flag in a wrong way...

@Finii
Copy link
Collaborator

Finii commented May 12, 2023

Slightly strange... THIS Issue is about Not Supported in VSCode terminal,
and you write "It works in VS Code" 😬 ;-)

I just thought it might look better

I never saw any difference and believe it does nothing. I thought maybe someone has hard evidence that it really does something.

Will try your Issue after lunch.

@Finii
Copy link
Collaborator

Finii commented May 12, 2023

@ClHg2

Hmm, but the tick is shown, just not the green one:

image

Do you know the codepoint? Please copy&paste the line as text into a comment here, I can then examine.

Is the green coloring from your powerline theme?

@ClHg2
Copy link

ClHg2 commented May 12, 2023

@Finii

It's strange. The icon is ✔. But it displays differently in VS Code and Windows Terminal.

Also, the icon is rather small in Windows Terminal.

@Finii
Copy link
Collaborator

Finii commented May 12, 2023

@JulianH99

Hmm, that looks like the wrong font 🤔
Can you show the font settings of Windows Terminal and that font in Settings->Fonts that I can see the version etc

@Finii
Copy link
Collaborator

Finii commented May 12, 2023

@ClHg2

The codepoint of the tickmark is 2714 which is not part of Nerd Fonts patched in codepoints.

image

You need to change your powerline to use a Nerd Font codepoint, examples:

image

Helpful links:

Here on the github website the web-server changes 2714 to the color emoji codepoint 🙄. Probably VSCode is doing the same, while Windows Terminal does no automagic (unwanted maybe) font substitution.

Edit: Add links

@ClHg2
Copy link

ClHg2 commented May 12, 2023

@Finii I see. Many thanks!

Repository owner locked as resolved and limited conversation to collaborators May 12, 2023
@Finii Finii changed the title Not Supported in VSCode terminal Not Supported in VSCode terminal [solved] May 12, 2023
@Finii
Copy link
Collaborator

Finii commented May 12, 2023

Locking this, kept it open only so that the solution can be found more easy.

@Finii Finii closed this as completed Mar 16, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants