V55: WPF Fonts are blurred

[arvindlloyds]

I was using 47.0.3 and now started using V55.

The fonts are blurred after upgrade.

I tried using -
var settings = new CefSharp.CefSettings{ PackLoadingDisabled = false };
settings.CefCommandLineArgs.Add("disable-direct-write", "disable-direct-write");
Cef.Initialize(settings);

and
<wpf:ChromiumWebBrowser RenderOptions.ClearTypeHint="Enabled">
</wpf:ChromiumWebBrowser>

RenderOptions.ClearTypeHint="Enabled" in XAML.

plus browser.BrowserSettings.OffScreenTransparentBackground = false; in code behind.

but no luck whatsoever. Any help???

Its been introduced in any version after 47.0.3.

Win-7, x64 build, .Net 4.5.2. It works fine in any simple sample app I create but does not work in my DevExpress custom theme containing App.

What version of the product are you using?
Nuget v 55.0.0
What architecture x86 or x64?
x64
On what operating system?
windows 7
Are you using WinForms, WPF or OffScreen?
WPF

[amaitland]

Can you reproduce the problem with https://github.com/cefsharp/CefSharp.MinimalExample

How do you reproduce the problem? Is everything URL affected or just some?

[arvindlloyds]

amazingly the Minimal-App works fine and shows fonts properly.

[amaitland]

Compare your app manifest to the example.

[arvindlloyds]

I had default manifest. Changed the manifest to match CefSharp.MinimalExample.Wpf.

No luck.

it was all fine when I was using 47.0.3.

If I revert to 47.0.3 without changing anything else, it gets fixed.

[amaitland]

Your not providing a whole lot to go on here. How do you reproduce the problem?

If you quickly create a new Wpf project and add a browser, what's the result?

[arvindlloyds]

Hi Alex,

As I mentioned earlier -->"Minimal-App and my simple WPF app works fine and shows fonts properly."

Reproducing the problem at your end cant be possible as I am using multiple packages. Complex most of these is DevExpress controls with custom themes.

I am not sure how you can help except remembering something from top of the head if anything related to fonts etc has changed between 47.0.3 and 55.0.0.

[amaitland]

Double check you have all the relevant resources, there have been quite a few new ones added. Past that you'll have to do your own comparison.

Check the git history for the Minimumexample, might be something tucked away in the descriptions.

Will keep this open though doubt I can help.

[arvindlloyds]

DevExpress custom theme was causing it. its resolved now.

Thank you Alex for all your help.

[xmedeko]

@arvindlloyds I think I have a similar problem. Can you be more specific, what in your custom theme has caused the problem? Thanks.

[arvindlloyds]

@xmedeko Nothing worked then I had to strip off the DevExpress custom theme and created the theme all over again. one step at a time and testing if the step is creating font issue. luckily got rid of the issue. but I couldn't pin point what was creating problem. but it was clearly something in the theme.

[xmedeko]

Got it. The problem is, when the ChromiumWebBrowser is not positioned exactly to a pixel. Just change in the MimimalExample:

<wpf:ChromiumWebBrowser ... Margin="0.5,0.5,0,0">

And the rendered image is blurred. (Got Intel Graphics Card.) The change in the version 55 is caused by the 15b55a4 (WPF Change to BitmapScalingMode.HighQuality ...). However, with version 53 I got a good image with the NearestNeighbor, when I change to NearestNeighbor in the version 57, I got some text with wrong vertical lines. (What's the problem here?).

The other workaround is to use UseLayoutRounding to one of parent containers. (Depends on the layout which is the right one.) This workaround has been mentioned in #166 too.

[daimenspace]

try this:
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="UseLayoutRounding" Value="True" />