tex2svg VS math-ml

I hosted a small snippet on heroku and am using https://github.com/atishay/tex2svg/ for my personal Hugo website. It is really cheap and easy to do latex to svg.

I implemented MathML as web components a few years ago as a work around. It wasn't super hard, but a native implementation provides so much better accessibility (and, likely, perf) https://github.com/pshihn/math-ml

Unfortunately there is no common in-browser Math rendering and as the referenced article points out, pictures of equations are not the solution [2]. A common mathematics rendering format is desperately needed but nobody really seems motivated to solve it.

My approach is to use MathML that is rendered natively by Firefox and use JS to render in other browsers [3]. MathJax is way too heavy the last time I checked (growing towards 1MB) [4]. Instead I use math-ml, a JS library that is somewhat complete/abandoned but mostly works in about 80kB [5].

My rational for supporting Firefox's approach is that it's the browser I use, MathML is supported by W3C [6], MathML is supported by pandoc and there is a lightweight workaround for other browsers.

[1] https://pandoc.org/

[2] https://danilafe.com/blog/math_rendering_is_wrong/

[3] https://coffeespace.org.uk/projects/mathml-render.html

[4] https://www.mathjax.org/

[5] https://github.com/pshihn/math-ml

[6] http://www.w3.org/1998/Math/MathML