Search code examples
htmlpython-sphinxmathjax

MathJax font overwrite sphinx bootstrap font

Why does MathJax re-render the math fonts on HTML website?

This is my webpage look like at one second:

enter image description here

Nice and happy, and then one second later...

enter image description here

and the whole format now looks really weird. Is there a way to stop MathJax rendering the font? I am using sphinx documentation with bootstrap theme.

EDIT: Live example here.

Solution

  • Fixed by CSS syntax

    .math{ overflow: auto}

    Into 

    .math{ overflow: inherit} // or hidden