Font problems in Firefox on 24 inch monitor
Created by: jmitsdarfer
Issue Summary
I discovered that I am experiencing some pretty severe font problems for MathJax in Firefox (version 102.2.0esr (64-bit)) but only when using a large monitor (24 in., 1920 x 1080 resolution). I also found the equations look bad at 100% Firefox browser zoom level but fine at 110%. The same equations look correct in Firefox on a smaller laptop monitor at 100% browser zoom level (14 in., 1920 x 1080 resolution). They also look correct in Chrome and Microsoft Edge on both my large and small monitors (also 100% browser zoom level). I typically use Chrome, so I’m not sure how long this issue could have been occurring (maybe the entire time I've been working w/ MathJax). Some of my colleagues see the same issue, and some can’t reproduce the issue (even when seemingly using the same settings and screen sizes).
The problem only occurs for the main MathJax display. It looks fine in the zoom pop-up box. The issue seems to at least affect stretchy fences, summation and product symbols, and square root symbols (there could be other things, though, too). The problem is not present when I change from Math Renderer HTML-CSS to SVG. I know in the past you've warned about HTML-CSS, but this is what we've retained on our website as the default as of now because for the most part we like the look of it. Is this problem just something we'd have to live with (for some people) if we want to stick w/ HTML-CSS mode, or is there anything else we could do to help it? Also, any idea why some of us see the issue and some of us don't? Thank you in advance!
Here are some examples from https://pubs.acs.org/doi/10.1021/acs.jctc.2c00257 (it's open access, so you should be able to view it):
Eq 1: 24 in. monitor, 100% browser zoom, Firefox:
14 in. laptop screen, 100% browser zoom, Firefox:
Here’s an example showing how the equations in the zoom pop-up box appear totally fine:
Eq 2: 24 in. monitor, 100% browser zoom, Firefox:
14 in. laptop screen, 100% browser zoom, Firefox:
Eqs 22/23: 24 in. monitor, 100% browser zoom, Firefox:
14 in. laptop screen, 100% browser zoom, Firefox:
And here’s an example from https://pubs.acs.org/doi/10.1021/acs.jctc.1c01044 (inline-formula toward the end in the "Conformational Clustering" section):
24 in. monitor, 100% browser zoom, Firefox:
14 in. laptop screen, 100% browser zoom, Firefox:
Technical details:
- MathJax Version: MathJax.js v2.7.9
- Client OS: Windows
- Browser: Firefox version 102.2.0esr (64-bit)
Supporting information:
Browser console errors (if applicable):
