Vscode: I don't like the font that VS Code is using

Created on 28 Feb 2017  路  21Comments  路  Source: microsoft/vscode

font visual studio code

I'm not sure what is happening but I think that after installing PlayOnLinux, I have this problem.

How can I restore VS Code's default font?

  • VSCode Version: Code 1.9.1 (f9d0c687ff2ea7aabd85fb9a43129117c0ecf519, 2017-02-08T23:44:55.542Z)
  • OS Version: Linux x64 4.4.0-64-generic
  • Extensions:

|Extension|Author|Version|
|---|---|---|
|compulim-vscode-closetag|Compulim|0.1.2|
|ejs-language-support|QassimFarid|0.0.1|
|eval|Stormspirit|0.0.6|
|html-snippets|abusaidm|0.1.0|
|vscode-css-formatter|aeschli|0.0.2|
|htmltagwrap|bradgashler|0.0.3|
|vscode-svgviewer|cssho|1.3.1|
|githistory|donjayamanne|0.1.5|
|jquerysnippets|donjayamanne|0.0.1|
|php-debug|felixfbecker|1.10.0|
|php-intellisense|felixfbecker|1.1.3|
|auto-rename-tag|formulahendry|0.0.11|
|vscode-firefox-debug|hbenl|0.8.8|
|docthis|joelday|0.4.0|
|Angular1|johnpapa|0.1.16|
|ionic1-snippets|justinjames|1.0.1|
|HTMLHint|mkaufman|0.3.3|
|cssclasshint|nicolasalcaraz|0.0.3|
|laravel5-snippets|onecentlin|1.3.2|
|laravel-artisan|ryannaddy|0.0.3|
|standard|shinnn|0.2.3|
|html5-boilerplate|sidthesloth|1.0.1|
|cordova-tools|vsmobile|1.2.6|


Steps to Reproduce:

1.
2.

*question

Most helpful comment

For me at least, this was solved by first viewing the user settings (File>Preferences>Settings), and when I added editor.fontFamily to the object I found the default settings out, which were:

"editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",

As I'm running Linux Mint I don't believe this distro or Ubuntu carry Droid Sans Mono by default any more, so I simply downloaded it from Google Fonts (direct link: https://fonts.google.com/download?family=Droid%20Sans%20Mono) and installed it via the normal means.

Restarted VS Code and voila! Nice fonts again.

All 21 comments

Double check both your user and workspace settings - there migth be some setting which is changing your font.
Then I see you have a lot of extensions installed, maybe some of them is changing the font. Try disabling all extensions and see if the issue reproduces.

You can also always manually set your editor.fontFamily in your settings to whatever font you want

Thanks, @isidorn.
What's the default fontFamily for VS Code?

I run in my terminal: code --disable-extensions
However, I still have the same ugly font.
I've had to use Verdana.

@andreshg112
I got this problem as well. Did you any way to figure out?

@deeptimhe, I didn't solve it but I decided to use the font Verdana. It was good enough for me.

For me at least, this was solved by first viewing the user settings (File>Preferences>Settings), and when I added editor.fontFamily to the object I found the default settings out, which were:

"editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",

As I'm running Linux Mint I don't believe this distro or Ubuntu carry Droid Sans Mono by default any more, so I simply downloaded it from Google Fonts (direct link: https://fonts.google.com/download?family=Droid%20Sans%20Mono) and installed it via the normal means.

Restarted VS Code and voila! Nice fonts again.

@andreshg112 I changed the font to DejaVu Sans Mono. The difference was unbelievable.

@asuraphel Thanks! This has just saved my life

@asuraphel Thanks !

@sjdweb Yes, nice fonts again. Thanks!

the same was happened after installing sudo apt-get install ubuntu-restricted-extras which was shipped with MS fonts. Solution of @asuraphel solved the problem

@andreshg112 in your terminal vi ~/.config/Code/User/settings.json set "editor.fontFamily": "Liberation Mono",
"editor.fontSize": 14
it looks gorgeous :)

Upto the newest update in my vs code there was no problem with the font in the integrated terminal but now it suddenly changed to something very awful Now I am using 1.17.1 version. I checked the user setting and nothing changed.
Please help

@highskillzz seeing this too after updating just now! Is there an issue submitted for this?

Same too. I don't understand what happened with new version of VSCode, but here are my screens before and after:

screenshot from 2017-09-15 10-06-37

screenshot from 2017-10-12 10-45-35

"terminal.integrated.fontFamily": "Source Code Pro"

Issue here #35991

Thanks for the quick fix!

Same thing happened to me using MAC

Same thing happened after finally installing ttf-mscorefonts-installer package on Ubuntu 16.04. So it isn't really a bug - before installing the fonts Code probably just fell back on Liberation Mono, which happen to look nicer on Ubuntu.

Was this page helpful?
0 / 5 - 0 ratings