MathJax Custom Font Specimens

Click any font to see a full specimen page with typography matrix, math examples, and glyph inventory.

• Libertinus Serif + Libertinus Math
  mathjax-libertinus
• Libertinus Sans + Libertinus Math
  mathjax-libertinus-sans
• CMU Sans Serif + NewCM Sans Math
  mathjax-lm-sans
• Noto Sans + Noto Sans Math
  mathjax-noto-sans
• Source Sans 3 + Noto Sans Math
  mathjax-source-sans
• Source Code Pro + Noto Sans Math
  mathjax-source-code
• CMU Concrete + Euler Math
  mathjax-concrete-euler
• Shantell Sans + Noto Sans Math + SCP Greek
  mathjax-shantell

Using these fonts on your own site

Each font package is a single JavaScript file that replaces MathJax's default font. No MathJax CDN needed — the bundle includes everything.

1. Download the bundle

From the GitHub repo, download the bundle for your chosen font. Each lives at:

mathjax-{name}/tex-mml-svg-mathjax-{name}.js

For example, for Source Sans:

mathjax-source-sans/tex-mml-svg-mathjax-source-sans.js

That single .js file (~5 MB) is all you need. It contains MathJax 4, the TeX input processor, the SVG renderer, and all the font data.

2. Add it to your page

Replace the usual MathJax CDN script tag with your bundle:

<!-- Instead of this: -->
<!-- <script src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-svg.js"></script> -->

<!-- Use this: -->
<script id="MathJax-script" async
  src="tex-mml-svg-mathjax-source-sans.js"></script>

That's it. LaTeX math in your page will render in the chosen font:

<p>The Euler identity: \(e^{i\pi} + 1 = 0\)</p>

3. Or use from this site directly

You can also load the bundle directly from GitHub Pages (not recommended for production, but handy for testing):

<script id="MathJax-script" async
  src="https://dgleich.github.io/mathjax-fonts/mathjax-source-sans/tex-mml-svg-mathjax-source-sans.js"></script>

Available bundles