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

Issue 702592 link

Starred by 7 users

Issue metadata

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

Blocked on:
issue skia:6421



Sign in to add a comment

text is too thin on HiDPI

Reported by billdill...@gmail.com, Mar 17 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.110 Safari/537.36

Example URL:

Steps to reproduce the problem:
when comparing Chrome to Edge and Firefox, text is too thin and sometimes doesn't even appear to be black, but instead dark gray. The issue is not specific to a few websites, it's every website, so providing screenshots is pointless. The computer I'm seeing this on is Windows 10, 200% scaling, display is 2736 x 1824 (267 PPI)

What is the expected behavior?

What went wrong?
see above

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.110  Channel: stable
OS Version: 10.0
Flash Version: 

I really hope this can be fixed because at this point, Chrome is miles ahead of any other browser but this is the 1 isssue I'm seeing on this device that really significantly hurts the experience, I cannot do any reading in Chrome, the text is just not good enough compared to Edge and Firefox. I only want to use Chrome though, I really don't want to use Firefox or Edge
 
Components: -Blink Blink>Fonts

Comment 2 by e...@chromium.org, Mar 17 2017

Labels: Needs-Feedback
Thanks for the report. We're actively reviewing our font rendering on windows and feedback like this is super helpful.

Even though it is happening on all sites for you it would be very helpful if you could provide a screenshot showing chrome and edge showing the same content. Thanks!

Comment 3 by e...@chromium.org, Mar 17 2017

Cc: e...@chromium.org
ok, but I would like to change something I said initially: this issue is actually not specific to hiDPI, I think it's a Windows issue across the board (and maybe even across Linux, OS X and Chrome OS too). I'm on a Windows 7 desktop right now and I'm seeing some really bad text, for example, when you go to instagram account pages such as https://www.instagram.com/google/ , the search box at the top, the "S" practically disappears in the middle! I've attached a screenshot of what I'm seeing (Firefox is the bottom one)
chromevsfirefox.png
1.9 KB View Download
Project Member

Comment 5 by sheriffbot@chromium.org, Mar 18 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "eae@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
Sorry for the double post but I just saw something else that I assume to be an issue with text rendering though I'm not sure if it belongs here: when you go to https://www.instagram.com/google/ in Chrome, the bottom of the lower case G's are cut off, this issue is not present in Firefox (I attached a screenshot and put a red arrow pointing to what I'm talking about)
gccutoffinsta.png
212 KB View Download
I'm linking to this https://bugs.chromium.org/p/chromium/issues/detail?id=698557 because I believe these issues are related, for example, look at this screenshot from Wikipedia, the lower case C (red arrow) is squished and it looks ridiculous compared to Firefox 
wikispace.png
113 KB View Download
Cc: rbasuvula@chromium.org
Labels: Needs-Feedback
Tested in chrome # 57.0.2987.110 and Canary #59.0.3046.0 on win 10.0(200% scaling, display-3840*2160(Recommended)) and not able to reproduce the issue.Please find the screen shots for your reference.

@ billdillensrevenge: Could you please let me know if i have missed anything and if possible, please restart your system and create new profile without extensions and apps.Re-check once and let us know the observation of the issue which would help us to triage the issue further.

Thanks in Advance.
702592.PNG
796 KB View Download
my apologies again: all of the screenshots I've posted in this bug are from my Windows 7 machine, which is 100% scaling and low/normal DPI. I also cannot reproduce these issues on my Windows 10 200% scaling machine. BUT the issue of text that is too thin and does not even appear to be black is still present on the Windows 10 machine, I will post screenshots later 
Project Member

Comment 10 by sheriffbot@chromium.org, Mar 20 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "rbasuvula@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
Labels: Needs-Triage-M57

Comment 12 by e...@chromium.org, Mar 21 2017

Owner: drott@chromium.org
Status: Assigned (was: Unconfirmed)
sorry, just wondering, are you only interested in screenshots comparing Chrome to Edge on the hidpi Windows 10 or would you also like to see Chrome vs Firefox screenshots?
really look at the top-right corner "Gmail Images", it's a bit too thin in Chrome. Over all, when I switched to Edge for a week, text seemed much clearer and more defined, and inky black. Overall, text seems blacker in Edge than it does in Chrome. Text is quite a lot nicer in Edge (at least on a device like this, which has such a high resolution screen). 
Screenshot (20).png
121 KB View Download
Screenshot (19).png
118 KB View Download
Sorry for double posting. Also notice that text seems slightly larger in Edge vs Chrome, which is nice. Perhaps Chrome is also rendering text slightly too small? That would be a different bug maybe
The attached GIF shows a blown-up comparison of Chrome, Edge, and IE (in that order). Edge appears to be smoothing fonts with less color variability. This gives the impression of characters having thicker, more full presentation.

Chrome and IE (1st and 3rd frames) both use quite a bit of color variety in their font-smoothing, which makes the text thin and brittle.
fonts.gif
191 KB View Download

Comment 17 by drott@chromium.org, May 15 2017

Blockedon: skia:6421
Please keep the discussion centered around the original report and do not mix in unrelated issues, comment #6 and #7 are unrelated.

Edge on Windows 10 mostly uses grayscale antialiasing plus the DWrite enhanced contrast setting, which makes glyphs appear darker. We're considering this in issue skia:6421. 


I think the enhanced contrast setting could really help, text in Edge looks a deep inky black compared to text in Chrome. 

I think it's worth noting that text in Edge looks bad on a "low" dpi display, especially smaller font sizes. Edge requires a very high dpi display (like that surface book) in order to render text nicely
I just noticed another example of fonts being too thin in Chrome, can someone take a look at this? https://www.wikipedia.org/ on a 200% scaling Windows 10. Look at the attached screenshot, I've put a red rectangle around the area that is a problem
wikifont.png
252 KB View Download
And screenshot comparisons of Edge and Firefox too attached
edgewiki.png
271 KB View Download
ffwikifont.png
245 KB View Download
Wikipedia updated the page and moved it over but the issue remains (I posted here in case anyone checked the URL and didn't notice it because wikipedia moved that language over)
wikifontchrome.png
237 KB View Download

Comment 22 by drott@chromium.org, Mar 12 2018

Cc: jmukthavaram@chromium.org drott@chromium.org brajkumar@chromium.org pbomm...@chromium.org
 Issue 819361  has been merged into this issue.

Sign in to add a comment