Rendering font Open Sans in a div with translateZ makes text unreadable
Reported by
guilherm...@sencha.com,
Aug 29 2017
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.101 Safari/537.36 Steps to reproduce the problem: Open the attached html file with any Chrome for Windows (not a problem with MacOS). What is the expected behavior? The text in both divs would look the same What went wrong? The text in the div with translateZ(0) is hard to read. Did this work before? Yes 50 Does this work in other browsers? Yes Chrome version: 60.0.3112.113 Channel: stable OS Version: 7 (64 bits) Flash Version: Adding translateZ(0) is not the only thing that causes the issue. Setting backface-visibility or any other configuration that requires GPU acceleration causes the issue
,
Aug 30 2017
Able to reproduce this issue on Windows-10, Ubuntu 14.04 and Mac OS 10.12.6 using chrome latest stable #60.0.3112.113 by following steps mentioned in the original comment. Tested the same on chrome older version of M45-45.0.2454.85 and M50-50.0.2624.0 and observed different behavior Reporter@ Attaching screen shot for reference, could you please confirm and let us know the behavior displayed in M45 is the expected one? Thanks!
,
Aug 30 2017
,
Aug 30 2017
Yes, I believe the behavior in the older versions is correct, the text looks a little faded but at least it is consistent and it looks similar to other browsers like Firefox , IE etc.
,
Aug 30 2017
Thank you for providing more feedback. Adding requester "brajkumar@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Aug 30 2017
Bisecting back to before we un-prefixed -webkit-transform will probably land at the un-prefixing patch. Right now I'm getting errors loading the font for unknown reasons. The font thinning effect is present even on the default font. Adding GPU raster label in the hope someone has an idea as to why this is.
,
Aug 30 2017
Corrected test file.
,
Aug 30 2017
Confirmed this is Windows only, so not likely anything in the Blink pipeline.
,
Sep 5 2017
eae: It's expected behavior that when something is in a translateZ layer that we lose lcd text. Is this visual difference here the kind of thing that you'd expect to see with text rendering on windows between lcd text and not? Just curious if you think there's something else wrong here, or if this is expected.
,
Sep 5 2017
The much thinner text is an unexpected side effect. Did we tweak how we render grayscale aa recently?
,
Mar 5 2018
|
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by guilherm...@sencha.com
, Aug 30 201735.3 KB
35.3 KB View Download