kno10
commented
10 months ago If you use the standard CDN, fonts should "just work" by setting
MathJax = { output: { font: 'mathjax-fira' } };for self-hosted fonts (which is what I use), set MathJax.output.fontPath.
A popular (and powerful) sans-serif font is Fira. I do not like all of the math symbols in standalone (e.g., \prod is ugly), but within slides that use the Fira font they integrate very well. A MWE is this:
<html>
<script>
MathJax = { output: { font: 'mathjax-fira' } };
</script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@4.0.0-beta.4/tex-svg-nofont.js"></script>
$$ \int x \sum y \prod z \frac{\text{Banana}}{\text{Oranges}} $$
</html>In the fiddle, modify the "mathjax-fira" line to try out the different fonts. There are
| Font Name | Original Source |
|---|---|
| mathjax-modern | A version of Latin-Modern (the new default font in MathJax) |
| mathjax-asana | A version of the Asana-Math font |
| mathjax-bonum | A version of the Gyre Bonum font |
| mathjax-dejavu | A version of the Gyre DejaVu font |
| mathjax-pagella | A version of the Gyre Pagella font |
| mathjax-schola | A version of the Gyre Schola font |
| mathjax-termes | A version of the Gyre Termes font |
| mathjax-stix2 | A version of the STIX2 font |
| mathjax-fira | A version of the Fira and Fira-Math fonts |
| mathjax-euler | A version of the Neo Euler font as an extension to mathjax-modern |
| mathjax-tex | The original MathJax TeX font |
Apparently, mathjax-tex should be closer to the looks of mathjax 2/3, if that is what you want.
For some unknown reason, the -nofont version does not work in my local installation, while the tex-svg.js version works. There is also a pre-bundled combination in the CDN of each font, so the user can choose the math font simply by selecting a different URL for MathJax (note that the URL changes in both the package name and in the file name):
<html>
<script src="https://cdn.jsdelivr.net/npm/mathjax-fira-font@4.0.0-beta.4/tex-mml-svg-mathjax-fira.js"></script>
$$ \int x \sum y \prod z \frac{\text{Banana}}{\text{Oranges}} $$
</html>To see MathJax with Fira math in action, here is an example (beamer slides converted to markdown, then pandoc to HTML): https://dm.cs.tu-dortmund.de/mlbits/class-svm-optimization/. You will probably agree that matching the text font with the math font looks smooth, in particular with inline math.
mbotsch
salbeira
This PR includes:
An upgrade of MathJax from 3.2.2 to the current 4.0.0-beta4.
The Accessibility Menu of MathJax seems very much broken right now in the version 3.2.2: Activating Accessibility features by hand simply crashes MathJax (removing all math from the page) or - at least - doesn't crash but does not add any exploration meta-data to the math containers for the accessibility exploration feature to work with. In the "better" case, a page reload was required to let the menu change take effect.
Update: I just got confirmation that it actually IS broken: https://github.com/mathjax/MathJax/issues/3124
This can even be witnessed in their demo page: https://www.mathjax.org/#demo (Just rightclick a typeset formula, go to "Accessibility" and click "Activate" to see all the math disappear (what a magic trick!)).
This SEEMS to be fixed in 4.0.0. I took the files required from the official repo tag 4.0.0-beta4 and put them into our vendor directory. Check if your browser chached any old files as that might throw unexplainable errors like "can not get a document handle", but without chaning anything related in the code after several retries it fixed itself.
In addition I added a way to link to a deck with the ?a11y search parameter, similar to how reveal wants its ?print-pdf search parameter for printing. This simply activates handout mode, a11y color mode and tells MathJax on load to enable the math exploration by default.
I also removed our "throwing away" of the MathJax-Menu-Settings so the user can save their MathJax settings.
One thing that 4.0.0 also changes is the math default font. Right now the font repository of MathJax is private until 4.0.0 officially releases. @kno10 you already played around with the new Font feature, maybe you can give some input about how to include better looking fonts.
The eLearning deck of @mbotsch works for me in all the usual ways, except the look of the formulas.
Please check how this branch works out for you. This is by no way "done" and needs some more review and tinkering but it seems to work without any changes to our custom post-mathjax adjustments.
@monofon in addition the test "math-deck.md" in the repo is currently rendering but the tests inside are not consistent with what is even tested in the first place. Can you review what is actually supposed to be listed there so I have some point of reference what I should even test when touching the math plugin?