This is issue #1009
and is a font rendering box in Firefox. It seems only to affect locally installed fonts, so you can work around the issue by disabling locally installed copies o the STIX and MathJax fonts, or by disabling local fonts in the MathJax configuration of your pages (by setting
MathJax.Hub.Config({
"HTML-CSS": {
preferredFont: null,
availableFonts: []
}
});
If you are viewing other people's pages, then you can override their font choice as follows:
In the Firefox debug console (Tools -> Web Developer -> Web console), enter
MathJax.Menu.showFontMenu(true);
This will enable a special font menu in the MathJax Contextual menu.
Open the contextual menu and select Math Settings -> Font Preference.
Select the web font that you want (e.g., TeX (web) or STIX (web)).
The page should reload and the fonts should no longer be clipped.
The integral sign in STIX and MathJax fonts has an unusual bounding box: the glyph extends far outside the box at the upper right, so that the integrand will start closer to the integral sign without manual kerning. It appears that Firefox is mishandling that situation and clipping the integral to the character's bounding box, not the actual glyph extend (as indicated by the right and left bearing values for the character).
This is a browser bug, not a MathJax bug, and there is little we can do about it other than to force web fonts for Firefox, which we don't want to do.
Davide