Inline MathJax Crowded Visual Rendering

Help
1

What I’m trying to do

Publish my article to Substack in a way that can be rendered in a legible – preferably stunning – way, showing formulae written in MathJax to do so.

Here’s my MathJax nested in a nested Admonition block:

> [!info] 
> **HOMA-IR<sub>1</sub>**: $Fasting insulin \times fasting glucose \over 405$
> > [!tip]
> > Optimal range: 0.5 - 1.4
> **HOMA-IR<sub>2</sub>**: $Fasting serum insulin (μU/ml) \times fasting plasma glucose (mmol/liter) \over 22.5$

And here’s what results, attached as a png from Obsidian, which I would also embed in the Substack post:

HOMA-IR-Formulae-1-2-Infographic
HOMA-IR-Formulae-1-2-Infographic706×282 14.2 KB

As you can see, it’s too crowded.

Suggestions?

Perhaps a css snippet?

2

i would write the first as:

$\displaystyle \frac{\text{fasting insulin} \times \text{fasting glucose}}{450}$
  • \displaystyle to reduce crowding
  • \frac instead of \over is more idiomatic
  • \text ensures both that whitespace is not ignored and that text font is used, since eg ‘fasting insulin’ is not a mathematical symbol