New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 760375 link

Starred by 13 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Rendering font Open Sans in a div with translateZ makes text unreadable

Reported by guilherm...@sencha.com, Aug 29 2017

Issue description

UserAgent: 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
 
windows-opensans-issue.html
592 bytes View Download
The issue is a little more accentuated when using this in a table (see picture attached).
translateZ_issue.png
35.3 KB View Download

Comment 2 Deleted

Labels: -Type-Bug -M-62 Needs-Feedback Type-Bug-Regression
Status: Unconfirmed (was: Untriaged)
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!
760375png.png
17.2 KB View Download

Comment 4 by r...@opera.com, Aug 30 2017

Components: -Blink>CSS Blink>Paint
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.
Project Member

Comment 6 by sheriffbot@chromium.org, Aug 30 2017

Labels: -Needs-Feedback
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
Components: Internals>GPU>Rasterization
Labels: -Type-Bug-Regression Type-Bug
Status: Untriaged (was: Unconfirmed)
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.
Corrected test file.
windows-opensans-issue.html
599 bytes View Download
Components: -Blink>Paint Internals>GPU>ANGLE
Labels: -OS-Linux -OS-Mac
Confirmed this is Windows only, so not likely anything in the Blink pipeline.

Comment 10 by enne@chromium.org, Sep 5 2017

Cc: bunge...@chromium.org enne@chromium.org trchen@chromium.org
Owner: e...@chromium.org
Status: Assigned (was: Untriaged)
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.

Comment 11 by e...@chromium.org, Sep 5 2017

The much thinner text is an unexpected side effect. Did we tweak how we render grayscale aa recently?

Comment 12 by e...@chromium.org, Mar 5 2018

Owner: ----
Status: Available (was: Assigned)

Sign in to add a comment