Reputation: 503
This isn't so much a coding question as it is about the visual studio code editor. What I want to do is use source code pro in the editor, but I don't know what to change the font setting to. Thanks!
Upvotes: 40
Views: 114622
Reputation: 11
After you've installed the font as mentioned by others, go into Settings and edit the font in JSON, you can then see the option to edit the font for the terminal as well as the editor. Don't forget to add quotes in the name of the font if it has a space in the name.
Mine looks like this
{
"workbench.colorTheme": "GitHub Dark Dimmed",
"workbench.iconTheme": "material-icon-theme",
"editor.formatOnSave": true,
"explorer.confirmDelete": false,
"go.toolsManagement.autoUpdate": true,
"git.autofetch": true,
"redhat.telemetry.enabled": false,
},
"workbench.startupEditor": "none",
"terminal.integrated.fontFamily": "'Source Code Pro for Powerline'",
"window.zoomLevel": -1,
"files.autoSave": "afterDelay",
"editor.fontFamily": "'Source Code Pro Semibold for Powerline', 'Source Code Pro for Powerline', Menlo, Monaco, 'Courier New', monospace",
"editor.formatOnPaste": true
}
Upvotes: 0
Reputation: 455
I had to install the font "for all users" or VSCode would not recognize it. Total shot in the dark, but that's what fixed it for me.
Upvotes: 4
Reputation: 23088
This is tested in VSCode 1.30.2 in Windows:
font-family
Go to Text Editor => Font Family => Change value (font family names with a blank might require single quotes). Example:
'Fira Code', Consolas, 'Courier New', monospace
Enable font ligatures (if needed)
Note: after step 1, you can also press Open Settings (top-right corner) to edit directly the json settings. Example:
{
"editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
"editor.fontLigatures": true
}
Upvotes: 2
Reputation: 1204
As a follow up to Nacimota's answer, to install custom fonts (using Windows 10 the following example) go through the tutorial here.
For me it was a matter of searching for "fonts" from my task bar then clicking the top result. From there I dragged all the files in the "target/TTF" directory, that is generated from following the Source Code Pro tutorial.
Upvotes: 4
Reputation: 23265
First install the font on your machine if necessary. Then, in your user settings JSON file (File > Preferences > User Settings), override editor.fontFamily
like so:
// Place your settings in this file to overwrite the default settings
{
"editor.fontFamily": "Source Code Pro"
}
You may need to restart VSCode if it was already open when the font was first installed.
Upvotes: 51