How To Change Visual Studio Code Font - visual-studio-code

I have a problem with Visual Studio Code. I can't change it's font.
What I've Tried:
Changing it in Settings UI
Changing it directly in settings.json
Changing it and restarted Visual Studio Code about 10 times
And many more
Also, I installed it on my PC.
How can I change my font?
I seem to have a bug/error at everything and it seems very hard to fix it.
Like pip, pygame music error, Auto PY to EXE, etc.
The problem with all errors are very hard to fix.
I tried many ways to fix these and it all won't work.
It's with Visual Studio Code font too.
I'm trying to use the Source Code Pro font.
Please make it easy because I'm only 9 years old.

A bit late to the game here...
This can be done using the settings:
Open the command palette: cmd + shift + p or ctrl + shift + p
Type: Preferences: Open Settings
Then search for the setting Editor:Font Family
Your current settings will likely look something like this:
'Droid Sans Mono', 'monospace', monospace
Simply add a system installed font name there (use single quotes for fonts with spaces)
EG: Add OpenDyslexicMono
Change the value of Font Family to the following:
OpenDyslexicMono, 'Droid Sans Mono', 'monospace', monospace

Related

Fonts not working in VS code after a restart

My VS code font changes to default every time I open up my PC. I need to reinstall the font to use it in VS code. The font works in other apps though. I think there's something wrong with my VS code but I can't figure it out.
Font works when
I reinstall the font.
Once it works, closing/opening the app doesn't reset the font.
Default fonts like courier, consolas always work.
Font doesn't work when
I restart my PC.

Monolisa font indentation is too small in visual studio code

I use Monolisa font for programming and I saw that indentation in VSCode is wrong with Monolisa font. I have no problem with other fonts in VSCode such as Menlo, Fira Code and etc but the confusing point for me is that Monolisa font appears correctly in Jetbrains IDEs. I thought that my vscode configuration missing something but no idea where and why? Here is a screenshot from my VSCode settings.json file and the circles with yellow border shows the indentation which has too small width. Any idea why this issue appears and how to fix it?
OS: Mac OS X
Here you can see my vscode settings.json file with another font (Menlo).

How to change VSCode font

I have a problem with VSCode.
I don't like that font VSCode is using for system, I don't know how to change VSCode sans-serif(system) font. I tried toggle developer tools, but you know it refreshes all stylesheets when you close/open it. Any solutions?
To change your Visual Studio Code Font:
Navigate
File -> Preferences -> Settings -> Commonly Used
Scroll down to and find Editor: Font Family
The default value should be Consolas, 'Courier New', monospace change this with your desired font.
This should automatically change your font in Visual Studio Code
Find workbench.desktop.main.css and edit it. The path varies based on your installation.
Local: C:\Users\{username}\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench
Global: C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench
Search for the .windows solo class. Ignore entries with multiple classes.
Edit the value for font-family to set the font you want to use.
There are two entries for the .windows class. Make sure to edit the one with the font-family property. Ignore the --monaco-monospace-font property.
Keeping the CSS minified, save the file.
Restart VS Code.
Example:
// Original
.windows{font-family:Segoe WPC,Segoe UI,sans-serif;}
// Modified
.windows{font-family:Comic Sans MS,serif;}
Source: https://dev.to/kunaltanwar/how-to-change-vs-code-ui-font-in-windows-56mj
Note: You may need to do this every time VS Code updates since it will be flagged as corrupted.
https://code.visualstudio.com/docs/supporting/faq#_installation-appears-to-be-corrupt-unsupported
EDIT: Clarification on which property to target since there are multiple .windows classes.

Not able to change VS Code Font Family

I am fairly new to VScode, I wanted to add Ubuntu Mono Font in VScode. I downloaded the file from Google Fonts page. I extracted and Installed all the different Styles that were available. Here is a photo of the downloaded fonts that I had installed.
Then to verify whether the font was installed or not I opened a word file where I could select Ubuntu Mono. On Stackoverflow I came across 2 methods of Changing the Font family, either editing the settings.json file or using the GUI in VScode by writing the Font family name. I am attaching my modified settings.json file here
I tried other options as well like:
"editor.fontfamily":" 'UbuntuMono-Regular', monospace"
"editor.fontfamily":" 'UbuntuMono-Bold', monospace"
"editor.fontfamily":" 'Ubuntu Mono' , monospace"
//here I tried to play around with spaces:
"editor.fontfamily":" ' UbuntuMono ', monospace"
but whatever I do it is showing the same default monospace font. Any Guidance Regarding this will be helpful. My VScode is updated(It shows March 2021 (Version 1.55)) If any more information or Screenshots are required please let me know.
I tried it with the OTF version: UbuntuMono-Regular.otf
Install the font.
The following settings worked.
"editor.fontFamily": "'Ubuntu Mono', monospace"
You have to RESTART VSC
In my case, I am inputing the font name incorrectly,
e.g. I input
'Delugia Mono Regular'
but in fact vscode does not need Regular cause it accepts font family as input, changing it to:
'Delugia Mono'
and it worked.
No need to restart or even save the settings file, the change would appear in 1 second after you've entered a legal fontfamily as input.
Try to disable all installed extensions from vscode and edit the .json file again, choose your font and make sure that it has been installed then save all changes

Not getting Cascadia Code PL in Powershell

I wanted to get started with posh and oh-my-posh so I installed them according to this article. Microsoft docs. I got the theme but the edges didn't had that arrow(that coolness).
I then downloaded the windows terminal and edited the setting.json there with
"fontFace": "Cascadia Code PL"
So it got the desired result of posh in there.
Now the only problem currently is how to change this in windows powershell. I integrated the powershell in my vs code so there also I was not able to find this theme(or desired result). All I could find is the color but not the arrow and that fancy icons or what the jargon is.
Please help. I want my powershell to have posh.
If I understand correctly, there are two parts to the question.
Changing the PowerShell Window Font
To do this, right-click your PowerShell window and head to "Properties"
There, you can choose the header "Font" and change your font to Cascadia Code PL".
This should fix the problem. If you still experience some weird characters, you might need to install a Nerd Font instead.
Changing the VS Code Terminal Font
To use the font in the VS Code Terminal, head to Settings.
Searching for "integrated terminal font family" should bring up the setting you need to edit. Here, add your font 'Cascadia Code PL' on the very front of the setting and save.
You should now be able to open a terminal and use the PL prompt.