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

Issue 674554 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Light text on a dark background is very bold in Chrome

Reported by ad...@nightmarish-dream.ru, Dec 15 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/602.3.12 (KHTML, like Gecko) Version/10.0.2 Safari/602.3.12

Example URL:
http://nightmarish-dream.ru/forum/index.php?showtopic=3751

Steps to reproduce the problem:
Open any website with light text on a dark background

What is the expected behavior?

What went wrong?
Light text on a dark background looks very bold in Chrome compared to Safari. In the past (until spring 2016) text rendering in Chrome was the same as in Safari.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Until spring 2016

Does this work in other browsers? Yes

Chrome version: 55.0.2883.95 (64-bit)  Channel: stable
OS Version: OS X 10.11.6
Flash Version: 24.0.0.186
 
screen.png
1.5 MB View Download
safari-vs-chrome.gif
91.4 KB View Download
Components: -Blink Blink>Paint
Components: -Blink>Paint Internals>Skia
It seems this must be due to GPU text rendering, as I doubt the fonts have changed. Please confirm and send back to us if it's not Skia related.
Yes, this bug is related to GPU text rendering. The fonts are identical in Chrome and Safari.

Comment 4 by ajha@chromium.org, Dec 16 2016

Labels: -Type-Bug M-55 Needs-Bisect Type-Bug-Regression
Labels: -M-55 -Needs-Bisect M-57
As both fonts are identical in chrome and safari per comment #3, removing bisect label and Moving from M55 to M57 milestone.

Thanks.!
Cc: sureshkumari@chromium.org
Labels: Needs-Feedback
Unable to reproduce the issue on Mac-10.12.2 using chrome stable version 55.0.2883.95 and canary 57.0.2956.0 with the below steps.
1.Opened Chrome and navigated to the url http://nightmarish-dream.ru/forum/index.php?showtopic=3751
2.Observed that the light text on dark background looks similar in Chrome and Safari.
Please find the attached screenshot and could you please let us know if anything missed here to reproduce the issue.

Thanks.
674554.png
1.2 MB View Download
Response to Comment #6:
You have reproduced the problem - your screenshot shows that text in Chrome is very bold. I created two gif images (100% and 500%) based on your screenshot, where you can see the difference between Chrome and Safari.
safari-vs-chrome-100%.gif
12.9 KB View Download
safari-vs-chrome-500%.gif
83.5 KB View Download
Labels: -Needs-Feedback Needs-Bisect
Status: Untriaged (was: Unconfirmed)
You're right that the tester did not recognize the font appearance differences. The chrome strokes on the chrome text are thicker, resulting in bolder looking text.

Regarding comment #5, comment #2 is saying that the underlying font descriptions are the same, which means the differences are in how the fonts are rendered. The reporter is confirming my belief that the issue is related to font rendering.
Labels: -Needs-Bisect -Type-Bug-Regression Type-Bug
Able to reproduce the issue on Mac-10.12.2 using chrome stable version 55.0.2883.95 and canary 57.0.2956.0.
This is Non-Regression issue observed from M-30#30.0.1551.0. Hence marking it as Untriaged to get it addressed.
Please find the attached screencast for reference.

Thanks.
674554.mov
6.7 MB Download
Components: Internals>GPU>Rasterization

Comment 11 by ajuma@chromium.org, Jan 19 2017

Cc: ericrk@chromium.org
Cc: bunge...@chromium.org
Is this actually specific to gpu rasterization? That can be toggled here:

chrome://flags/#enable-gpu-rasterization
#12: No. The text looks identical when you select any value (Default / Enabled / Disabled / Force-enabled for all layers).
Tried this out - I agree that it doesn't appear to be impacted by GPU rasterization.

Instead, it looks like this is a difference between retina/non-retina rasterization.

On a retina screen, Chrome matches Safari, with or without GPU raster.
On a non-retina screen, Chrome is bolder than Safari, with or without GPU raster.

On non-retina, Chrome is bolder than retina Chrome, making me think that this is a possible bug in the way text is rendered on non-retina screens.

admin@nightmarish-dream.ru, can you confirm that you are testing on a non-retina mac display? Thanks!
Components: -Internals>GPU>Rasterization
#14: Yes, I'm using a non-retina Mac.
Components: Blink>Fonts

Comment 18 by e...@chromium.org, Jun 5 2017

Owner: drott@chromium.org
Status: Assigned (was: Untriaged)

Sign in to add a comment