Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fonts become fuzzy after zooming and scrolling #959

Closed
egamma opened this issue Dec 3, 2015 · 8 comments
Closed

Fonts become fuzzy after zooming and scrolling #959

egamma opened this issue Dec 3, 2015 · 8 comments
Assignees
Labels
bug Issue identified by VS Code Team member as probable bug important Issue identified as high-priority
Milestone

Comments

@egamma
Copy link
Member

egamma commented Dec 3, 2015

  • Zoom once using Ctrl-+.
  • Click on a file to open it. Text in editor looks crisp.
  • Scroll down in editor and the font of the text goes fuzzy.
@egamma egamma added bug Issue identified by VS Code Team member as probable bug editor labels Dec 3, 2015
@zhengbli
Copy link

zhengbli commented Dec 6, 2015

Have this problem too since the beginning.
#254 may be related

@egamma egamma modified the milestone: Backlog Dec 10, 2015
@egamma egamma added the important Issue identified as high-priority label Dec 15, 2015
@egamma
Copy link
Member Author

egamma commented Dec 15, 2015

We could not address this for the December update. A work around is to increase the font size in the user settings instead of zooming in. This has the limitation that the font size only applies to the editor and not the rest of the UI.

@zhengbli
Copy link

FWIW I found a workaround of this issue by starting code with "--disable-gpu", then the blurry font is gone.

@daniel-dia
Copy link

It realy seems to be a GPU rendering issue.
I just found the problem found a "translate3d" CSS transform that makes it blurry.
I disabled the CSS and it becomes SHARP!!! take a look

blurry text

Left side is folder tree, and right side is code panel.

@alexdima
Copy link
Member

@artsjedi Please start a new issue, in dealing with Chromium I learned that not all blurriness has the same root cause. I'd love to get the VSCode version, OS version, theme and settings you use so I can try to reproduce.

@bpasero
Copy link
Member

bpasero commented Apr 21, 2016

We pushed a major update to the UI framework to our insiders release and would appreciate feedback if this issue got resolved. You can give it a try from our insiders release today: http://code.visualstudio.com/Download#insiders

Happy for feedback!

@zhengbli
Copy link

capture

Issue still exists.

Before scrolling:
1
After:
2

@alexdima
Copy link
Member

alexdima commented May 6, 2016

Alternative steps to verify on Windows:

  • edit config file to set window.zoomLevel: -1
  • scroll a bit (you need to get to a scrollTop that is not a multiple of 5)
  • take a screenshot
  • you should see RGB antialising:

good (sharp):
image

bad (grayscale):
image

@alexdima alexdima assigned joaomoreno and unassigned alexdima May 27, 2016
@vscodebot vscodebot bot locked and limited conversation to collaborators Nov 18, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Issue identified by VS Code Team member as probable bug important Issue identified as high-priority
Projects
None yet
Development

No branches or pull requests

6 participants