Home

Text rendering differences

%3CLINGO-SUB%20id%3D%22lingo-sub-713430%22%20slang%3D%22en-US%22%3EText%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-713430%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20there%2C%3C%2FP%3E%3CP%3ESince%20using%20this%20browser%20as%20daily%20driver%20on%20my%203%20PCs%2C%20I%20have%20realized%20that%20the%20text%20rendering%20in%20Edge%20C%20is%20somewhat%20different%2C%20making%20the%20text%20on%20different%20sites%20to%20appear%20sort%20of%20blurry%2C%20and%20having%20less%20thickness%20than%20how%20text%20is%20displayed%20in%20Edge...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20this%20be%20fixed%20please%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20and%20Regards%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-715420%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-715420%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F96222%22%20target%3D%22_blank%22%3E%40Rohit%20Yadav%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20also%20noticed%20some%20glitched%20in%20the%20way%20edge%20canary%20renders%20text%20recently.%20some%20text%20even%20overlaps%20on%20certain%20websites%20i%20frequent.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CIMG%20src%3D%22https%3A%2F%2Fi.snag.gy%2FZxLfaw.jpg%22%20border%3D%220%22%20%2F%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%3CDIV%3EMicrosoft%20Edge%20is%20up%20to%20date%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22secondary%22%3EVersion%2077.0.197.0%20(Official%20build)%20canary%20(64-bit)%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-753512%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-753512%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20rendering%20would%20look%20different%20due%20to%20the%20usage%20of%20different%20rendering%20engines.%20While%20Edge%20(Classic)%20uses%20EdgeHTML%2C%20the%20new%20Edge%20(based%20on%20Chromium%20Project)%20uses%20Blink.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20rendering%20on%20the%20new%20Edge%20(Dev%2FCanary)%20would%20look%20like%20the%20rendering%20on%20Chrome%20Canary.%20If%20you%20do%20notice%20slight%20differences%20in%20the%20rendering%20between%20the%20two%20browsers%2C%20you%20should%20report%20back%20with%20what%20sites%20you%20noticed%20the%20difference%20on.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-753813%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-753813%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F99713%22%20target%3D%22_blank%22%3E%40Subhadeep%20Dey%3C%2FA%3E%26nbsp%3Bhi%20there%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20rendering%20difference%20seems%20different%20across%20most%20of%20the%20sites.%20If%20you%20open%20and%20compare%20them%20across%20the%20old%20Edge%20and%20new%20Chromium%20based%20Edge%2C%20there%20is%20difference%20in%20Text%20rendering...%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-753863%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-753863%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F96222%22%20target%3D%22_blank%22%3E%40Rohit%20Yadav%3C%2FA%3E%26nbsp%3B%20%22%3CSPAN%3E%3CEM%3EThe%20rendering%20difference%20seems%20different%20across%20most%20of%20the%20sites.%20If%20you%20open%20and%20compare%20them%20across%20the%20old%20Edge%20and%20new%20Chromium%20based%20Edge%2C%20there%20is%20difference%20in%20Text%20rendering...%3C%2FEM%3E%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EAbsolutely.%26nbsp%3B%20There%20is%20a%20subtle%2C%20but%20marked%20difference%20between%20Edge%20Chromium%20(Blink)%2C%20Edge%20Classic%20(EdgeHTML)%20and%20Firefox%20(WebRender)%20text%20rendering%2C%20as%20this%20screenshot%20shows%3A%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F123249i4722BC629F2A0410%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Text%20Rendering%207-14-2019.jpg%22%20title%3D%22Text%20Rendering%207-14-2019.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EThe%20Chromium%20rendering%20engine%20is%20less%20sharp%20and%20less%20clear%20in%20Edge%20Chromium%20than%20in%20either%20EdgeHTML%20or%20Firefox.%26nbsp%3B%20%26nbsp%3BI%20can't%20do%20a%20direct%20comparison%20with%20Google%20Chrome%2C%20because%20I%20don't%20use%20it.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EA%20number%20of%20threads%20have%20discussed%20this%20issue.%26nbsp%3B%20Quite%20a%20number%20of%20posters%20have%20asked%20the%20Edge%20Team%20to%20mitigate%20the%20issue%20to%20the%20extent%20possible%2C%20given%20the%20differences%20in%20rendering%20engines.%26nbsp%3B%20I%20don't%20know%20what%20Microsoft%20can%20do%20with%20the%20problem%2C%20given%20the%20limitations%2Fissues%20with%20Chromium's%20text%20rendering.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-754879%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-754879%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F318339%22%20target%3D%22_blank%22%3E%40tomscharbach%3C%2FA%3E%26nbsp%3Bis%20absolutely%20right.%20The%20difference%20in%20rendering%20appears%20across%20most%20of%20the%20sites.%20Don't%20know%20what%20is%20causing%20the%20issue%20actually...%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-755405%22%20slang%3D%22en-US%22%3ERe%3A%20Text%20rendering%20differences%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-755405%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F96222%22%20target%3D%22_blank%22%3E%40Rohit%20Yadav%3C%2FA%3EAs%20already%20explained%2C%20this%20is%20a%20design%20issue%20and%20Microsoft%20can't%20really%20do%20much%20about%20it.%20The%20reason%20why%20you%20see%20differences%20in%20rendering%20between%20Edge%20and%20Chromium-based%20Edge%20is%20due%20to%20the%20layout%20engine%20being%20used%20(EdgeHTML%20vs%20Blink).%20Although%20I%20do%20agree%20that%20in%20Chromium%20and%20its%20derivatives%2C%20the%20text%20feels%20a%20little%20thinner%20and%20less%20sharp%2C%20but%20the%20difference%20is%20subtle%20and%20it%20is%20generally%20readable%20(The%20preferences%20may%20vary%20with%20user%20without%20doubt).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAny%20major%20change%20in%20the%20codebase%20of%20the%20layout%20engine%20being%20used%20in%20the%20Chromium%20project%2C%20aka%20%22Blink%22%2C%20could%20potentially%20cause%20major%20regressions%2C%20since%20it%20is%20a%20mature%20project%20and%20I%20don't%20think%20Microsoft%20Edge%20team%20can%20now%20afford%20to%20tweak%20it%20to%20make%20it%20look%20like%20how%20it%20appears%20on%20the%20classic%20Edge.%20They%20have%20better%20things%20to%20focus%20on%20at%20the%20moment.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAlso%2C%20don't%20forget%20that%20Chromium%20is%20a%20very%20complex%20project%20and%20there%20are%20many%20commits%20pushed%20to%20their%20repository%20every%20day%2C%20which%20Microsoft%20Edge%20team%20has%20to%20pull.%20So%2C%20any%20minor%20change%20in%20the%20core%20project%20could%20break%20the%20whole%20browser's%20rendering%20capabilities.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Contributor

Hi there,

Since using this browser as daily driver on my 3 PCs, I have realized that the text rendering in Edge C is somewhat different, making the text on different sites to appear sort of blurry, and having less thickness than how text is displayed in Edge...

 

Can this be fixed please?

 

Thanks and Regards

6 Replies

@Rohit Yadav 

I've also noticed some glitched in the way edge canary renders text recently. some text even overlaps on certain websites i frequent.

 

 

Microsoft Edge is up to date
Version 77.0.197.0 (Official build) canary (64-bit)

The rendering would look different due to the usage of different rendering engines. While Edge (Classic) uses EdgeHTML, the new Edge (based on Chromium Project) uses Blink.

 

The rendering on the new Edge (Dev/Canary) would look like the rendering on Chrome Canary. If you do notice slight differences in the rendering between the two browsers, you should report back with what sites you noticed the difference on. 

@Subhadeep Dey hi there,

 

The rendering difference seems different across most of the sites. If you open and compare them across the old Edge and new Chromium based Edge, there is difference in Text rendering...

@Rohit Yadav  "The rendering difference seems different across most of the sites. If you open and compare them across the old Edge and new Chromium based Edge, there is difference in Text rendering..."

 

Absolutely.  There is a subtle, but marked difference between Edge Chromium (Blink), Edge Classic (EdgeHTML) and Firefox (WebRender) text rendering, as this screenshot shows:

 

Text Rendering 7-14-2019.jpg

 

The Chromium rendering engine is less sharp and less clear in Edge Chromium than in either EdgeHTML or Firefox.   I can't do a direct comparison with Google Chrome, because I don't use it.

 

A number of threads have discussed this issue.  Quite a number of posters have asked the Edge Team to mitigate the issue to the extent possible, given the differences in rendering engines.  I don't know what Microsoft can do with the problem, given the limitations/issues with Chromium's text rendering.

 

@tomscharbach is absolutely right. The difference in rendering appears across most of the sites. Don't know what is causing the issue actually...

@Rohit YadavAs already explained, this is a design issue and Microsoft can't really do much about it. The reason why you see differences in rendering between Edge and Chromium-based Edge is due to the layout engine being used (EdgeHTML vs Blink). Although I do agree that in Chromium and its derivatives, the text feels a little thinner and less sharp, but the difference is subtle and it is generally readable (The preferences may vary with user without doubt).

 

Any major change in the codebase of the layout engine being used in the Chromium project, aka "Blink", could potentially cause major regressions, since it is a mature project and I don't think Microsoft Edge team can now afford to tweak it to make it look like how it appears on the classic Edge. They have better things to focus on at the moment.

 

Also, don't forget that Chromium is a very complex project and there are many commits pushed to their repository every day, which Microsoft Edge team has to pull. So, any minor change in the core project could break the whole browser's rendering capabilities.

Related Conversations
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
flashing a white screen while open new tab
cntvertex in Discussions on
14 Replies
Tabs and Dark Mode
cjc2112 in Discussions on
23 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
28 Replies