HTML Support

The CommonHTML (CHTML) output processor renders your mathematics using HTML with CSS styling. It produces high-quality output in all modern browsers, with results that are consistent across browsers and operating systems. This is MathJax’s primary output mode since MathJax version 2.6. Its major advantage is its quality, consistency, and the fact that its output is independent of the browser, operating system, and user environment. This means you can pre-process mathematics on a server, without needing to know the browser, what fonts are available, and so on. (In version 2, both the HTML-CSS and NativeMML processors produced different output for different browsers and user environments.)

The CommonHTML output uses web-based fonts so that users don’t have to have math fonts installed on their computers. Version 3 only supports MathJax’s limited TeX fonts, but version 4 introduces almost a dozen additional font options. See the MathJax Font Support section for more information on what fonts are available and how to select them.

The CHTML output component (output/chtml) is included in all the Combined Components that include chtml in their names. You can also load it explicitly by including output/chtml in the load array of the loader block of your MathJax configuration.

MathJax = {
  loader: {
    load: ['output/chtml']
  }
};

See CommonHTML Output Processor Options for information about the options that control the CommonHTML output processor.

---