change Visual Studio Code application font

Changing the application font (not the text editor font, which can already be changed in settings) in Visual Studio Code can be done via an extension called Custom CSS and JS Loader. After installing the extension, edit/add the following line to settings.json:

"vscode_custom_css.imports": ["file:///C:/Users/nickcummins/Documents/VSCode-Custom.css"],

replacing nickcummins with your username. Then, create this VSCode-Custom.css on your filesystem containing the following:

.windows,
.monaco-workbench.windows {
    font-family: Arial;
}

.monaco-workbench .part > .content {
	font-size: 0.9em;
}

replacing Arial with the preferred font. Finally, re-open VS Code running as Administrator. Search for the command as shown in the screenshot, and click on it.

You’ll be prompted to restart VS Code. You should notice the new font being used when it re-opens. You can close the elevated instance of VS Code and re-open it as a normal user. 

Leave a Reply