Config Mathjax

On This Page

Here’s how you can set up a basic configuration for MathJax, which usually meets most needs. For more detailed options, refer to the official documentation.

Fonts

<!-- configures MathJax.js v2.7.1 settings -->
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        // Configuration for HTML-CSS output
        "HTML-CSS": {
            // Specify that no fonts are pre-installed
            availableFonts: [],
            // Disable preferred fonts to ensure web fonts are used
            preferredFont: null,
            // Force the use of the Neo-Euler web font for rendering math
            webFont: "Neo-Euler"
        }
    });
</script>

Mathjax with Neo-Euler Font

Mathjax with Neo-Euler Font
Mathjax with Neo-Euler Font

You can use the scale option within the “HTML-CSS” section of the configuration

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        "HTML-CSS": {
            availableFonts: [],
            preferredFont: null,
            webFont: "Neo-Euler",
            scale: 120  // Adjust this value to set the desired font size (100 is the default)
        }
    });
</script>
Mathjax Scale up Font
Mathjax scaleup Font

Contextual Menu

If you want to disable the contextual menu, you can set the enableMenu option to false

MathJax = {
  options: {
    enableMenu: false
  }
};
Mathjax Contextual Menu
Mathjax Contextual Menu

Mathjax in HTML: Cannot select equations

MathJax output can’t be copied from the page in version 3. Version 3 uses CSS with content properties in order to insert the characters into the page, and content text is not selectable in the page. issues/2240 . Still you can use Mathjax 2.7 .

References

Drop Your Email

Comments

Add a Comment