Home

Black fonts are more gray than black

%3CLINGO-SUB%20id%3D%22lingo-sub-420569%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-420569%22%20slang%3D%22en-US%22%3EThank%20you%20for%20your%20feedback%2C%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F206337%22%20target%3D%22_blank%22%3E%40Sergio%20Hernandez%3C%2FA%3E.%20I%20will%20make%20sure%20the%20right%20people%20are%20aware%20of%20this.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-426285%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-426285%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F239638%22%20target%3D%22_blank%22%3E%40Elliot%20Kirk%3C%2FA%3E%26nbsp%3B%20%26nbsp%3BThanks%20!%20I%20have%20commented%20on%20the%20subject%20with%20my%20colleagues%20at%20work%20and%20they%20think%20maybe%20I'm%20a%20little%20picky%20%3AD%3C%2Fimg%3E%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-420477%22%20slang%3D%22en-US%22%3EBlack%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-420477%22%20slang%3D%22en-US%22%3E%3CP%3EHi!%20Please%20make%20the%20new%20chromium%20Edge%20render%20black%20fonts%20black%2C%20not%20Grey%2C%20if%20you%20open%20Outlook.com%20and%20compare%20the%20fonts%2C%20new%20edge's%20are%20greyish%20and%20more%20difficult%20to%20read%20specially%20on%20Hi%20res%20screens.%20Thanks%20and%20Good%20Job%2C%20current%20dev%20build%20runs%20good!%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E(Edit)%20Magnifying%20the%20image%20it%20seems%20that%20new%20edge%20do%20more%20antialiasing%20and%20the%20classic%20edge%20do%20it%20more%20sharp%2C%20so%20I%20thinks%20it's%20a%20matter%20of%20tastes%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-426893%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-426893%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F206337%22%20target%3D%22_blank%22%3E%40Sergio%20Hernandez%3C%2FA%3E%26nbsp%3BI%20commented%20on%20this%20yesterday%20and%20it%20has%20been%20bugging%20me%20enough%20I%20did%20a%20little%20more%20digging.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt%20appears%20the%20old%20edge%20doesn't%20use%20a%20true%20greyscale%20with%20its%20anti-aliasing.%20I%20think%20this%20is%20what%20is%20leading%20to%20the%20new%20edge%20text%20looking%20washed%20out.%20I've%20included%20some%20reference%20examples%20below.%20The%20first%20is%20at%20normal%20text%20size%20and%20the%20other%20is%20magnified%20800%25.%20It%20appears%20they%20do%20a%20similar%20level%20of%20anti-aliasing%20just%20using%20different%20color%20paletes.%20(For%20reference%2C%20this%20text%20was%20grabbed%20from%20CNN.com's%20current%20headline%20article.)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20definitely%20find%20the%20old%20syte%20easier%20to%20read.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20125px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F107545i7557E2FBCBD07CD7%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22ExdgeTextComaprisonSmall.PNG%22%20title%3D%22ExdgeTextComaprisonSmall.PNG%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20808px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F107546i3985D5A310AF3D4B%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22ExdgeTextComaprisonMagnified.PNG%22%20title%3D%22ExdgeTextComaprisonMagnified.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-427437%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-427437%22%20slang%3D%22en-US%22%3EIt%20also%20found%20that%20in%20my%20personal%201440p%20monitor%20the%20difference%20is%20more%20noticeable%20than%20in%20the%20office%201080p.%20Maybe%20ips%20vs%20lcd%20and%20contrast%2Fbrightnes%20configuration%20makes%20it%20more%20visible%20too.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-433252%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-433252%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F206337%22%20target%3D%22_blank%22%3E%40Sergio%20Hernandez%3C%2FA%3E%26nbsp%3B%26amp%3B%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F317578%22%20target%3D%22_blank%22%3E%40BruceLH%3C%2FA%3E%26nbsp%3Bthank%20you%20for%20digging%20in.%26nbsp%3B%20I%20have%20copied%20this%20thread%20into%20our%20bug%20database%20and%20sent%20it%20to%20the%20rendering%20team%20for%20triage.%3C%2FP%3E%0A%3CP%3EElliot%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-486860%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-486860%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F317578%22%20target%3D%22_blank%22%3E%40BruceLH%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F206337%22%20target%3D%22_blank%22%3E%40Sergio%20Hernandez%3C%2FA%3E%26nbsp%3BThank%20you%20so%20much%20for%20this%20feedback.%20You're%20not%20being%20picky%20at%20all%2C%20this%20is%20one%20that%20we%20actually%20addressed%20in%20EdgeHTML%20in%202016.%20We're%20actively%20investigating%20this%20space%20to%20understand%20further%20the%20design%20decisions%20made%20by%20the%20Chromium%20community.%20Thanks%20again%20for%20your%20feedback%3B%20keep%20it%20coming!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-489059%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-489059%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20your%20response%26nbsp%3B%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F296677%22%20target%3D%22_blank%22%3E%40gregwhitworth%3C%2FA%3E%26nbsp%3B%20!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-711511%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-711511%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F206337%22%20target%3D%22_blank%22%3E%40Sergio%20Hernandez%3C%2FA%3E%26nbsp%3BAgree%2C%20this%20seems%20to%20be%20common%20in%20newer%20apps%20and%20GUIs%20-%20thin%20grey%20fonts.%20Can't%20figure%20out%20why%20-%20low%20luminance%20contrast%20is%20never%20easy%20to%20read.%20Side%20by%20side%20with%20IE11%20with%20everything%20zoomed%20to%20the%20same%20size%2C%20Canary%20is%20much%20lighter%2C%20thinner%2C%20and%20hard%20to%20read.%20This%20may%20be%20as%20a%20result%20of%20newer%20SW%20scaling%20fonts%20in%20linear%20light%20rather%20than%20in%20the%20usual%20gamma%20space.%20When%20you%20have%20thin%20black%20lines%20on%20a%20white%20background%2C%20scaling%20in%20gamma%20space%20makes%20the%20grey%20edges%20of%20those%20lines%20darker%2C%20making%20the%20line%20look%20wider%20-%20and%20easier%20to%20read.%20When%20you%20scale%20in%20linear%20light%20it's%20more%20%22correct%22%2C%20but%20black%20on%20white%20text%20gets%20thinner%20and%20lighter%20%3D%20bad.%20Definitely%20needs%20a%20fix.%20Side%20by%20side%20open%20amazon.com%20and%20search%20for%20anything%20-%20easy%20to%20see%20difference.%20Otherwise%20Canary%20working%20out%20great.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-711682%22%20slang%3D%22en-US%22%3ERe%3A%20Black%20fonts%20are%20more%20gray%20than%20black%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-711682%22%20slang%3D%22en-US%22%3E%3CP%3EWatching%20something%20like%20that%20on%20youtube%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Sergio Hernandez
Occasional Contributor

Hi! Please make the new chromium Edge render black fonts black, not Grey, if you open Outlook.com and compare the fonts, new edge's are greyish and more difficult to read specially on Hi res screens. Thanks and Good Job, current dev build runs good!  

 

(Edit) Magnifying the image it seems that new edge do more antialiasing and the classic edge do it more sharp, so I thinks it's a matter of tastes

9 Replies
Thank you for your feedback, @Sergio Hernandez. I will make sure the right people are aware of this.

@Elliot Kirk   Thanks ! I have commented on the subject with my colleagues at work and they think maybe I'm a little picky :D  

@Sergio Hernandez I commented on this yesterday and it has been bugging me enough I did a little more digging.

 

It appears the old edge doesn't use a true greyscale with its anti-aliasing. I think this is what is leading to the new edge text looking washed out. I've included some reference examples below. The first is at normal text size and the other is magnified 800%. It appears they do a similar level of anti-aliasing just using different color paletes. (For reference, this text was grabbed from CNN.com's current headline article.)

 

I definitely find the old syte easier to read.

 

ExdgeTextComaprisonSmall.PNGExdgeTextComaprisonMagnified.PNG

It also found that in my personal 1440p monitor the difference is more noticeable than in the office 1080p. Maybe ips vs lcd and contrast/brightnes configuration makes it more visible too.

@Sergio Hernandez & @BruceLH thank you for digging in.  I have copied this thread into our bug database and sent it to the rendering team for triage.

Elliot

@BruceLH @Sergio Hernandez Thank you so much for this feedback. You're not being picky at all, this is one that we actually addressed in EdgeHTML in 2016. We're actively investigating this space to understand further the design decisions made by the Chromium community. Thanks again for your feedback; keep it coming!

Thanks for your response  @gregwhitworth  !

@Sergio Hernandez Agree, this seems to be common in newer apps and GUIs - thin grey fonts. Can't figure out why - low luminance contrast is never easy to read. Side by side with IE11 with everything zoomed to the same size, Canary is much lighter, thinner, and hard to read. This may be as a result of newer SW scaling fonts in linear light rather than in the usual gamma space. When you have thin black lines on a white background, scaling in gamma space makes the grey edges of those lines darker, making the line look wider - and easier to read. When you scale in linear light it's more "correct", but black on white text gets thinner and lighter = bad. Definitely needs a fix. Side by side open amazon.com and search for anything - easy to see difference. Otherwise Canary working out great.

Watching something like that on youtube

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
38 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
29 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies