Last modified: 2014-11-18 18:04:11 UTC
Looking at https://en.wikipedia.org/wiki/Squared_triangular_number using chrome on a Mac the font size used in the linline equations seems to be too big. Ideally the font size would match the surrounding text. Another user mentioned the maths appears too bold, which might be a font size issue. https://en.wikipedia.org/w/index.php?title=Wikipedia_talk:WikiProject_Mathematics&diff=631269666&oldid=631253822
I see something similar on linux. For SVGs, MathJax emits sizes and offsets in ex, which is the x-height of the CSS font. This ensures that the math scales relative to the CSS font. However, exactly matching the size of the text might not be desirable, as small parts like indices might get hard to read. There are some parameters we can tweak: http://docs.mathjax.org/en/latest/options/SVG.html It is possible that the increased size is caused by minScaleAdjust, which aims to ensure that small indices remain legible. Another setting to look into is matchFontHeight. We'll have to experiment a bit.
@Gabriel in case it's not clear, those options refer to MathJax not MathJax-node. To make these work in MathJax-node you'd have to load a richer page template and use not just a DOM simulator like jsdom but a full HTML/CSS engine. Long story short, you can specify ex height in MathJax-node https://github.com/mathjax/MathJax-node/blob/master/lib/mj-single.js#L42 However, assuming Wikipedia's CSS has several font options, there's a good chance somebody will always see sub-optimal results. No way around this with static images.