MathJax stopped using subpixel smoothing

[Anixx]

Operating system:
Windows 11 22000.708
Browser version:
31.1.0
32-bit or 64-bit browser?:
64
Problem URL:
https://math.stackexchange.com/question ... racfzfz-dz

MathJax (versions 2.7.5 and 2.2) recently (I think after the upgrade of the browser) stopped using subpixel smoothing in formulas. Instead it uses greyscale smoothing in HTML-CSS and Common HTML renderers. MathML renderer still uses subpixel.

[Moonchild]

With a casual check on the URL provided, I can't find anything wrong with the way it's rendered on the same browser version in Windows 10. It looks properly antialiased.

Can you provide more information and some screenshots showing the issues, and how you reproduced them?

[Anixx]

The workaround for this issue is using Windows 8.1 compatibility layer. Even Win8RTMVersionLie compat layer is enough.

This is correct rendering (https://en.wikipedia.org/wiki/Euler%27s_constant):

Clipboard_20220623.png (2.53 KiB) Viewed 351 times

[Anixx]

Well, I cannot reproduce this right now, so compat level maybe is not involved.

This happened to me several times after crash of the session. And, as I noticed, environment variables also get reset after the crash.

The rendering style and the variables can be restored by going into system properties, environment variables and clicking OK without changing anything.

I will report further when I get more details.

[Moonchild]

Wikipedia uses a png renderer as far as I can tell for the formula you were displaying. I'm not sure in what way mathjax is involved in that, as we don't seem to have any MathML there in the page. Server-side rendering of the PNG is obviously out of our control.

[jobbautista9]

Wikipedia doesn't present it as native MathML by default; you have to put the following CSS code in your vector.css if you have a user account:

Code: Select all

.mwe-math-fallback-image-inline {
	display: none !important;
}

.mwe-math-fallback-image-display {
	display: none !important;
}

.mwe-math-mathml-a11y {
		position: inherit;
		clip:inherit;
		width:inherit;
		height:inherit;
		opacity:inherit
}

I took this CSS from https://en.wikipedia.org/wiki/Help_talk ... oken_again?, which is referred by https://en.wikipedia.org/wiki/Wikipedia ... sentations

Here's what it looks like with the MathML presented:

Pale Moon's rendering of Wikipedia MathML

Screenshot_2022-06-23_21-50-56.png (15.21 KiB) Viewed 297 times

Compared with Firefox ESR 91 + MathML presentation:

Firefox ESR 91's rendering of Wikipedia MathML

Screenshot_2022-06-23_21-54-22.png (15.71 KiB) Viewed 297 times

[Moonchild]

Aside from some minor kerning differences in those two rendered images I don't see a change, let alone a problem?