dpvc
commented
1 week ago This is a duplicate of #3004 and several earlier issues, and is due to a bug in WebKit (the display engine that underlies Safari). Version 4 (now out in beta release) includes changes to fix the problem in the situation you are seeing, and reduces it in other situations, though it can't eliminate it entirely.
My comment there gives several potential workarounds for v3 if you are not interested in moving to v4 yet.
cdhw2018
Issue Summary
When using a roman text string as a subscript, for example, \[ H{\text{vol}}(s) = \frac{V{\text{out}}(s)}{V_{\text{in}}(s)} \], letters in the text subscripts have slightly different vertical positions, i.e. a 'ragged' baseline. The precise appearance varies depending on the browser's zoom level but never looks 'right'. Both CHTML and SVG rendering exhibit this issue; I've tried various LaTeX and TeX idioms to specify 'subscript word using roman text' but the results are always the same; I've tried three browsers, Firefox and Safari on macOS and Safari on iPadOS and the rendering is not correct on any of them but the effect is slightly less pronounced with Firefox for this example.
Steps to Reproduce
This is a bug because a text subscript should should have a single baseline used by all the letters in the text
Technical details
Thanks
As a user who can remember when one's only option was to put gif screenshots of equations into webpages, I'd like to thank everybody involved in developing and supporting Mathjax, it's a superb solution to the problem of equations-in-webpages.