iOS 11 changed iPhone’s font for MathJax

Question

I updated to iOS 11, and after doing so, the display font for MathJax has changed across the entire interface of my phone. As evidence, here is a screenshot I found laying around with its updated copy:

Before:
After:

Let's define three partitions $P,Q,R$ on $[a,c]$, $[a,b]$, $[b,c]$ respectively:

$$P=\{x_0,x_1,...,x_k,...,x_n\}$$ $$Q=\{x_0,x_1,...,x_k\}$$ $$R=\{x_k,...,x_n\}$$

where $x_0=a,x_k=b,x_n=c$

As the function $f$ is integrable on both $[a,b]$ and $[b,c]$, for any $\epsilon/2>0$ there is a $\delta>0$ such that

$$\left| S(Q,f)-\int_a^bf(x)dx\right|<\epsilon/2$$

I’m a very font-sensitive individual¹, and this is one I thoroughly despise (except for the new Q, which I actually prefer over the old one, which always seemed deformed to me).

Is there any way at all that I can change this?

_{1: Down with Calibri, Arial and Comic Sans! Vivan Baskerville and Didot!}

---

Edit: After reading through MathJax.org, I believe the “old” font was “SVG” while the “new” font is “HTML-CSS.”

Answer 1

MathJax's HTML-CSS output tries to use locally installed fonts, when possible, and it looks for two local fonts: the MathJax TeX fonts, and the STIX fonts. If neither is found, then web-based fonts are used (usually the MathJax TeX fonts).

In your case, your earlier image shows the MathJax TeX fonts, so that is using the MathJax TeX web fonts. The second image is using the STIX fonts, so it looks like Apple has included the STIX fonts in the latest iOS (they already include them in the desktop Mac OS). Since MathJax looks for those and uses them in preference to the web fonts, that is why the look has changed.

There are several possible work-arounds. First, if you are writing your own web pages, you could configure MathJax to no look for the local STIX fonts. But if you are just viewing StackExchange sites with MathJax enabled, you can't change the configuration. But you can select a different output renderer, as GEdgar suggests. In iOS, in order to activate the menu, you must double-click-and-hold (double click, but keep your finger pressed on the second click for a few seconds before letting go) on any typeset mathematics. That should call up the menu. it is not always easy to do, but with some practice, you can do it.

The CommonHTML and SVG output formats will not use a locally installed STIX font, so you should get the MathJax TeX fonts in those cases.

Answer 2

I don't view this on my smartphone. But on my computer, I can choose

[