hanksudo/enable-ant-aliasing-vscode.md

Last active September 25, 2024 14:11

Star (8) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/hanksudo/33ddf24f27f403c00b746b6f12bde746.js"></script>
Save hanksudo/33ddf24f27f403c00b746b6f12bde746 to your computer and use it in GitHub Desktop.

Enable font anti-aliasing on VS Code

Raw

vim /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.css

add to .editor-container section

-webkit-font-smoothing: antialiased;

2018-02-21 - 1.20.1
2018-02-14 - 1.20.0
2018-01-27 - 1.19.3
2017-11-30 - 1.18.1
2017-10-07 - 1.17.0
1.16.1

iamcalinprojects commented Feb 14, 2022

For those willing to disable anti-aliasing/smooth edges/cleartype on VS Code as of today, there's no official option inside VS Code program. Instead, I have found this method that works for me and it's thanks to this article: https://medium.com/kasun-kodagoda/fix-text-becomes-blurry-when-vs-code-application-loses-focus-issue-on-windows-d95697b2f927

Here are the steps:

image also here: Disable anti-aliasing VSCode

Right-click on VS Code program and go to Proprieties.
In the "target" section of the app, add the following lines: --disable-gpu --enable-use-zoom-for-dsf
Apply the changes and that's it.

I hope it's useful.

ahmedpasic19 commented Jun 9, 2023 •

edited

Loading

Im on Windows and there is no anti-aliasing option like on mac OS. But I have installed Font Awesome, its exactily the same as the default VSCode font but includes anti-aliasing. https://marketplace.visualstudio.com/items?itemName=Janne252.fontawesome-autocomplete

Author

hanksudo commented Jun 9, 2023

Im on Windows and there is no anti-aliasing option like on mac OS. But I have installed Font Awesome, its exactily the same as the default VSCode font but includes anti-aliasing. https://marketplace.visualstudio.com/items?itemName=Janne252.fontawesome-autocomplete

It didn't an issue anymore, do you have this option on VSCode?

I use macOS

ahmedpasic19 commented Jun 9, 2023

Im on Windows and there is no anti-aliasing option like on mac OS. But I have installed Font Awesome, its exactily the same as the default VSCode font but includes anti-aliasing. https://marketplace.visualstudio.com/items?itemName=Janne252.fontawesome-autocomplete

It didn't an issue anymore, do you have this option on VSCode?

I use macOS

No, on windows we dont have that option.