#Webkit font smoothing code

However, VS Code will always show you this warning whenever you start VS Code, but it's just a warning : editor-container, and you are done, save the file and Restart VS Code, you should see the difference. editor-container then when you find it, add -webkit-font-smoothing: antialiased as a property of that css class. Conclusion: On Windows System -webkit-font-smoothing Attributes make no difference. Open Finder go to your Applications folder, look for VS Code, right click on VS Code and choose Show Package Contents and navigate to /Contents => /Resources => /app => /out => /vs => /workbench => /electron-browser, then open the file then do a cmd + F to find. The following tests show that -webkit-font-smoothing It works on MacOS. So, this method is permanent kinda, but you'll lose this one on updates of VS Code and it means you have to do it again after updates, which is convenient for me. The only problem with this approach is that it's a temporary fix, once you close and restart VS Code, you lose the setting and you'll have to this again to get it back. editor-container if you are patient enough to look for it. This type of hack is mostly used for mobile browsers, as well as the Apple Safari and Google. This plugin allows you to force webpages use the WebKit antialiasing feature, or alternatively, completely disable it. Switching from subpixel rendering to antialiasing for light text on dark backgrounds makes it look lighter. antialiased - smooth the font on the level of the pixel, as opposed to the subpixel. none - turn font smoothing off, show the text with jagged sharp edges. To set it manually Go to Help > Toggle Developer tools and then paste -webkit-font-smoothing: antialiased in the CSS section of the body or. They are most likely using the -webkit-font-smoothing hack. Adds configurable font anti-aliasing to all webpages you visit. If you want to improve text-rendering in Webkit browsers (and really who doesn’t), try using the -webkit-font-smoothing property. Webkit implements something similar with a different name: -webkit-font-smoothing and different values, however, just like font-smooth, this is non-standard and should not be used.

#Webkit font smoothing how to

How to enable font antialiasing on VS Codeįor programmers with a Retina screen, we know how beautiful anti-aliased fonts can be, but since the big switch from Atom and Sublime Text to VS Code, we have forfeited this luxury, with no official support for font anti-aliasing on VS Code, there are two ways right now, that I know to enable font anti-aliasing on VS Code.