Background:
I am using MathML equations throughout one of our books. The MathML formats nicely for both inline and non-inline equations. Both equations are styled using <math display="inline"> but the non-inline equations inherit properties from custom classes (equation) for out-of-line “block” styling.
Issue:
In the web, it is easy enough for me to adjust the font-size accordingly to better align with the surrounding text:
CSS:
/* Set base font size for all MathJax containers */
mjx-container {
font-size: 100% !important;
}
/* Increase font size for elements with class 'equation' */
mjx-container .equation {
font-size: 120% !important;
}
However, with PDF exports, I believe the equations are not styled with MathJax so this styling does not apply. How can I style MathML math equations for PDF exports?
Diagnostics
The inline MathML is rendered as the following in the PDF export, how can I adjust the scaling factors here?
<span role="img" aria-label="" style="width: calc(var(--total-scale-factor) *42.629999999999995px); height: calc(var(--total-scale-factor) *10.15199999999993px); left: calc(var(--total-scale-factor) *209.7491px); top: calc(var(--total-scale-factor) *194.72260000000006px);"></span>
The non-inline MathML is rendered as the following in the PDF export, same question. ^^^
<span role="img" aria-label="" style="width: calc(var(--total-scale-factor) *63.51599999999996px); height: calc(var(--total-scale-factor) *79.31399999999996px); left: calc(var(--total-scale-factor) *274.242px); top: calc(var(--total-scale-factor) *271.20000000000005px);"></span>