How to turn on the sub-pixel anti-aliasing?

[wdhwg001]

OS: Windows 10 Creator Update 64 bit
Version: latest (0.9.29 beta)
Theme: GitHub
No MacType or similar software installed.
Windows ClearType is enabled.

Changing directWrite from true to false doesn't help.

Adding -webkit-font-smoothing: subpixel-antialiased !important; to CSS body{} doesn't help.

Any ideas?

[abnerlee]

-webkit-font-smoothing: subpixel-antialiased !important;

I think this is the way to set subpixel-antialiased.
But please not that -webkit-font-smoothing is not standard, and subpixel-antialiased is already the default font smoothing mode that is used.

[wdhwg001]

@abnerlee But it doesn't work. The screenshot is made after I added -webkit-font-smoothing CSS property to the stylesheet and restarted Typora.

FYI, please look closely to the screenshot above, scale to 400% with Photoshop or other software.
You may find some red and blue edges around the title, it's ClearType.
But the content is only rendered in grayscale, it may look fine on Retina display with sans-serif fonts, but could be really blurry on non-retina display with serif fonts.

Maybe refer to electron/electron#6344

If you can reproduce this issue, could you please re-open it before it being actually fixed?

[abnerlee]

@wdhwg001 If you export the content to HTML, open it with Chrome, and then set -webkit-font-smoothing in DevTools, could it work?

[wdhwg001]

Sorry for the misunderstanding.

It works with and without -webkit-font-smoothing.

And the Typora built-in DevTool and the footer is grayscaled, maybe some issues in Electon's version or configurations?

[wdhwg001]

Any updates?

This issue is still in the latest Typora (0.9.31).

[wdhwg001]

Text is still grayscale anti-aliased in Typora 0.9.32.

[wdhwg001]

Still not fixed in Typora 0.9.35

[abnerlee]

Does this work in v0.9.41?