[Spike] Support for math formulas?

[pcraig3]

Summary

From time to time, there is a little math formula that shows up in a NOFO. They aren't using a lot of greek letters or anything, but they do include some concepts like multiplication and the denominator + numerator.

Here's an example from a recent NOFO.

I've done some investigation (read: Googling), and it seems like there are 2 ways that math formulas can be added in HTML:

1. Natively, using the <math> element: documented here on MDN (More examples here)
2. Using a JS library, like MathJax

Our pipeline creates a HTML layout but then we convert that HTML into a PDF via PrinceXML, and, while Prince overall has been fantastic, they have implemented a custom renderer behind the scenes and so they don't support all the HTML layout stuff that, for example, Chrome does. As an example, Prince doesn't yet support grid layout, despite it now being widespread on modern browsers.

Steps to complete this ticket

• Try to recreate some formulas in a NOFO so that they render
  • Use both <math> and MathJax
• Print a PDF
• Does it work?
  • If it works, what does it show up as in Adode's accessibility tags
• If this works, try to recreate that "Significant increase formula" above

Beyond the scope of this ticket

• Getting a Word import to work to build a figure like this
• Going back to update any past NOFOs