I am using mathjax on my page, and i have read that this:
Use \tiny{ }, \scriptsize{ }, \small{ }, \normal{ }, \large{ }, \Large{ }, \LARGE{ }, \huge{ }, \Huge{ }.
You should add this to your CSS.
.MathJax_CHTML {
font-size: 25px !important;
}
I tried numerous things, including modifying config/default.js
http://docs.mathjax.org/en/latest/options/index.html
or mathjax.js, none of them worked (I use Drupal 6 and therefore had to revert to MathJax 1.1)
Finally, based on Wojciech's answer, I found something that worked. Simply surround the Math code with a div like that:
<div style="font-size: 133%;">
<p>\begin{equation} \frac{\partial e_b}{\partial x^b} = \Gamma_{ab}^k e_k \end{equation}</p>
</div>
Well if you need a global re-size, here's how I did it through CSS.
.MathJax {
font-size: 1.3em;
}
I used 1.3 em
, you can change it to better suit your needs.
Seems like the <span>
tag works for inline font adjustment:
<span style="font-size:2.1em; line-height:0%">$a-b$</span>
should nicely render "a-b" for Times font-family at 14px font-size.
You can change the size of the formulas globally if you load mathjax/latex in this way:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
CommonHTML: {
scale: 130
}
});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>