![]() You should not put the perspective (1px) transform on the -ms-transform or -o-transform properties, since they don’t recognize perspective (). The difference is very glaring on Retina Screens. Instead of of just using: transform: scale (1.1) use: transform: perspective (1px) scale (1.1) This will fix this issue in Firefox, Chrome and Safari. You can do whatever you wish with the warning. 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. 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. 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. 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. antialiased - smooth the font on the level of the pixel, as opposed to the subpixel. However, the bug where it also affected the weight of the text as a side effect has been fixed. It is still respected, as no lcd font smoothing is being applied. ![]() Mainly because it essentially cuts font pixels in half, it also only works on webkit. none - turn font smoothing off, show the text with jagged sharp edges. The webkit-font-smoothing css property is, contrary to the summary, still working. 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. Font smoothing is interesting, especially with an antialiased property.
0 Comments
Leave a Reply. |