Skip to content

Instantly share code, notes, and snippets.

@cloorc

cloorc/vscode#customize-font-family.md Secret

Created December 16, 2022 04:02
Show Gist options
  • Star 6 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cloorc/6405b45d13fb304906f0461c7cffeca4 to your computer and use it in GitHub Desktop.
Save cloorc/6405b45d13fb304906f0461c7cffeca4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
vscode#customize-font-family.md

Open Visual Studio Code installation folder

Windows: <PROGRAME FILES>\Microsoft VS Code, will be refered as INSTALLATION_FOLDER

Find & add font to stylesheets

  1. Open INSTALLATION_FOLDER\resources\app\out\vs\workbench\workbench.desktop.main.css and add font family at the head of .windows/.windows:*;
  2. Open INSTALLATION_FOLDER\resources\app\out\vs\workbench\workbench.desktop.main.js search and add font family at the head of :host-context(.windows|.windows:*);

Save above changes and restart Visual Studio Code

@cloorc
Copy link
Author

cloorc commented Dec 22, 2022

It works, but:

  1. You get a warning message that files were modified.
  2. It gets reset on each update.

A better solution is to use Windhawk which solves both points, see: microsoft/vscode#519 (comment)

Yes, it is true. But this could be a direct way to customize the font family. Just for anyone who want to know where the stylesheet locates in.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment