Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

text render behavior is not same as chrome do #10832

Closed
miaulightouch opened this issue Oct 18, 2017 · 10 comments
Closed

text render behavior is not same as chrome do #10832

miaulightouch opened this issue Oct 18, 2017 · 10 comments

Comments

@miaulightouch
Copy link

miaulightouch commented Oct 18, 2017

  • Electron version: 1.7.9 (Chrome/58.0.3029.110)

  • Operating system: OS X 10.11 El Capitan

  • compared Chrome version: 61.0.3163.100

Expected behavior

text should render as same as chrome

Actual behavior

blurry text rendered

there's compare:

  1. electron rendered text is bolder than chrome
  2. with -webkit-font-smoothing: antialiased, latin character corrupted but non-latin character work fine.
  • note: chrome using -webkit-font-smoothing: subpixel-antialiased by default

How to reproduce

just loadURL in BrowserView/BrowserWindow with this url:
http://game.granbluefantasy.jp/
and you will see an article at page bottom.

@welcome
Copy link

welcome bot commented Oct 18, 2017

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

To help make it easier for us to investigate your issue, please follow the contributing guidelines.

@FishOrBear
Copy link

@nornagon
Copy link
Member

Does this still happen in Electron 4.0.0-beta.7?

@FishOrBear
Copy link

这仍然发生在Electron 4.0.0-beta.7中吗?

Yes, the font display is different from Chrome.

@nornagon
Copy link
Member

I'm also seeing differences in font rendering between Chrome 70 and Electron 4.0.0-beta.7 around subpixel antialiasing. I'm not seeing the "bold" artifacts that you are though.

data_text_html__meta_charset_utf-8__div_style__font-family_sans-serif__ electron_4_0_0-beta_7 _png_and_hello_world__png

These are both rendering with PingFang SC.

@nornagon
Copy link
Member

Looks like subpixel antialiasing is working fine in Electron 2.0.13, but not in 3.0.x or 4.0.0.

@sorentycho
Copy link

sorentycho commented Nov 15, 2018

Possibly related: #10955 (comment)
(see thread for an experiment to try around subpixel rendering--I was able to use the workaround to get subPixel rendering with 3.0.7)

@FishOrBear
Copy link

image

chrome 70
vs
2.0.13

@nornagon
Copy link
Member

See also #15486. Not related to subpixel anti-aliasing, but could explain some other font choice differences.

@miniak
Copy link
Contributor

miniak commented Dec 7, 2019

Please create a new issue if you can still reproduce this problem on a supported Electron version.

@miniak miniak closed this as completed Dec 7, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants