Fontify is a Visual Studio Code extension by Avinash Gupta (alias tier3guy) that allows you to inject custom fonts and UI tweaks into VS Code. With Fontify, you can make VS Code more visually appealing, apply personalized fonts across the editor, and tweak UI elements like scrollbars, status bar, and menus.
⚠️ Note: Fontify automatically installs and configures Custom CSS and JS Loader if not already installed.
- Apply the Inter font across VS Code interface.
- Customize font weights and styles for editors, menus, status bar, and notifications.
- Add custom icons/emojis to headers and panels.
- Tweak scrollbars and UI components for a cleaner look.
- Enable or disable the extension dynamically via commands.
- Install Fontify from VS Code Marketplace or via
.vsix. - Fontify will automatically install and configure the required CSS loader.
- Once installed, the CSS file (
src/css/custom-vscode-config.css) is injected into VS Code.
After installing:
-
Open the Command Palette (
Ctrl+Shift+PorCmd+Shift+Pon Mac). -
Run either command:
Enable Fontify– Injects the CSS and prompts to restart VS Code.Disable Fontify– Removes the CSS and prompts to restart VS Code.
Make sure to restart VS Code when prompted for changes to take effect.
- Fonts: Inter font applied globally across editors, menus, labels, and notifications.
- Headers: Emoji icons added to panel headers.
- Scrollbars: Slim, minimalistic scrollbars.
- Backgrounds: Optional watermark/letterpress style backgrounds.
- Shortcuts: Hides default shortcut overlays for a cleaner look.
| Command | Description |
|---|---|
fontify.enable |
Enable Fontify CSS injection |
fontify.disable |
Disable Fontify CSS injection |
To run locally:
- Clone the repo.
- Install dependencies:
npm install- Open in VS Code, press
F5to launch the Extension Development Host. - Use the commands in the palette to test enabling/disabling the extension.
If you encounter any bugs or have feature requests:
- Go to the GitHub Issues page.
- Click “New Issue” and provide:
- Steps to reproduce the issue
- VS Code version and OS
- Any error messages or logs
- Submit the issue, and it will be reviewed promptly.
- LinkedIn: Avinash Gupta (tier3guy)
- GitHub Project: Fontify
- Website: tier3guy.com
Contributions are welcome! Feel free to open issues or submit pull requests for bug fixes, new features, or UI improvements.
MIT License – see LICENSE file for details.