RuidSiel / chromiumembedded

Automatically exported from code.google.com/p/chromiumembedded
0 stars 1 forks source link

Text rendering degraded in rev 293 #353

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
Text rendering seems to be degraded in rev 293 versus rev 275.
Seems to look worse when there's light text on a dark background.
Calibri font seems to be particularly degraded.

An example webpage is attached.
This example isn't doing anything fancy with compositing, etc. It's just 
changing the font.

My OS is Windows XP.

Original issue reported on code.google.com by powerbf...@gmail.com on 27 Sep 2011 at 2:40

Attachments:

GoogleCodeExporter commented 9 years ago
Forgot to say that I've played with all the boolean flags in BrowserSettings, 
but haven't been able to make a difference.

Original comment by powerbf...@gmail.com on 27 Sep 2011 at 2:41

GoogleCodeExporter commented 9 years ago
It looks as chromium rendering issue. In chromium in devtools if you expand 
object properties you can see same.

Original comment by fdd...@gmail.com on 27 Sep 2011 at 8:15

GoogleCodeExporter commented 9 years ago
Probably related to http://code.google.com/p/chromium/issues/detail?id=98259

Original comment by magreenb...@gmail.com on 30 Sep 2011 at 8:50

GoogleCodeExporter commented 9 years ago
Also i see that now in chromium and cef if element have border-radius set and 
overflow specified in any value - then font rendering doesn't do font smoothing 
for layer.

Original comment by fdd...@gmail.com on 30 Sep 2011 at 9:14

GoogleCodeExporter commented 9 years ago
Looks like latest version of Chrome in dev channel fixes this issue.

Also it is fixes smoothing for border-radius and overflow, but introduce 
another problem - now fonts looks as rendered at subpixel level and shifted by 
0.5px by horizontal.

In any case this is much better, than before.

Original comment by fdd...@gmail.com on 4 Oct 2011 at 9:09

GoogleCodeExporter commented 9 years ago
We use CEF as an Skin Engine, now the skin looks ugly. This is an serious 
problem. Any progress on this?

Original comment by wum...@gmail.com on 2 Nov 2011 at 6:47

GoogleCodeExporter commented 9 years ago
Try CEF R306. It looks much better for me.

Original comment by fdd...@gmail.com on 2 Nov 2011 at 8:40

GoogleCodeExporter commented 9 years ago
This is a serious problem to us. We use CEF as Skin Engine, now the skin looks 
ugly. Any progress?

Original comment by wum...@gmail.com on 2 Nov 2011 at 12:05

GoogleCodeExporter commented 9 years ago
Do you try CEF R306?

Original comment by fdd...@gmail.com on 2 Nov 2011 at 1:45

GoogleCodeExporter commented 9 years ago
YES, I tried CEF R306.

Chinese language..

Original comment by wum...@gmail.com on 3 Nov 2011 at 2:03

GoogleCodeExporter commented 9 years ago
Not have a chance to check it on Windows XP.

At my Windows 7 all fonts rendered smoothed.
Since R293 Calibri looks little lighter, but there is a RIGHT system font's 
outline.

When you have problems on Windows XP only - check that you use fonts specially 
created for Windows XP. Also as i know - all new ms fonts family like segoe ui, 
calibri, etc... created to have good look with enabled ClearType. Is will be 
never have good rendering when it disabled. (May be chromium forces font 
smothing for calibri as at your screenshots).

To get more closer result to your first look, try tweak font with css, for 
example with font-weight property, or play with text-shadow. May be exists 
other properties which can affect to font outlining.

Original comment by fdd...@gmail.com on 3 Nov 2011 at 11:58

Attachments:

GoogleCodeExporter commented 9 years ago
For me on Windows XP, r306 looked the same as r293 (i.e. crappy).

r365 is much improved.  For the most part it looks the same as r275.  The 
exception is when there is a text shadow (which we are using in our web app). 
With r275, the shadow causes the text to render crisper (even on the side 
without the shadow). With r365, the text renders the same whether the shadow is 
there or not.  

So, I guess technically the r275 behavior was a bug because the text should 
look the same whether the shadow is there or not, but the way r275 renders when 
the shadow is present looks better (In an ideal world, it would render that way 
all the time).

Magnified screen shots attached along with the HTML used (NOTE: all text is in 
Calibri font).

Original comment by powerbf...@gmail.com on 30 Nov 2011 at 1:35

Attachments:

GoogleCodeExporter commented 9 years ago
I will test r365.

Original comment by wumq0...@gmail.com on 1 Dec 2011 at 2:52

GoogleCodeExporter commented 9 years ago
I have an issue with anti aliasing being turned on and off when opacity is used 
which makes the font rendering look bad. The bug is present in revision 426 of 
the CEF trunk. The attached HTML file shows the bug in the CEF client when the 
light grey div with the text is hovered.

Original comment by olof.nae...@gmail.com on 17 Dec 2011 at 3:42

Attachments:

GoogleCodeExporter commented 9 years ago
I should probably mention that the anti aliasing problem occurs in Windows 7.

Original comment by olof.nae...@gmail.com on 17 Dec 2011 at 3:52

GoogleCodeExporter commented 9 years ago
-webkit-mask-image
overflow
opacity

These style properties make the font rendering look bad. 

Original comment by wumq0...@gmail.com on 23 Dec 2011 at 7:47

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
Chrome 16/17 works normally. Why CEF can not do this?

Original comment by wumq0...@gmail.com on 23 Dec 2011 at 9:17

GoogleCodeExporter commented 9 years ago
cef.gypi

# Use SKIA text rendering for transparency support.
        'enable_skia_text': 1,

If you remove this config, reproduce and rebuild cef.sln, then the problem 
disappears. 

Original comment by wumq0...@gmail.com on 29 Dec 2011 at 8:56

GoogleCodeExporter commented 9 years ago
Likely already fixed in newer CEF versions.

Original comment by magreenb...@gmail.com on 2 Oct 2012 at 10:35