blocks|key|229177|text|如果您需要全局调整大小，下面是我通过CSS实现的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|229178|.MathJax+{
font-size:+1.3em;
}|code-block|syntax|javascript|229179|我用的是1.3+em，你可以修改它来更好地满足你的需求。|offset|length|style|CODE|229180|entityMap^0|0|0|4|6|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Well if you need a global re-size, here's how I did it through CSS.</p>

<pre><code>.MathJax {
font-size: 1.3em;
}
</code></pre>

<p>I used <code>1.3 em</code>, you can change it to better suit your needs.</p>


blocks|key|12828|text|使用\tiny{+}、\scriptsize{+}、\small{+}、\normal{+}、\large{+}、\Large{+}、\LARGE{+}、\huge{+}、\Huge{+}。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|12829|entityMap^0|2|8|B|E|Q|9|10|A|1B|9|1L|9|1V|9|25|8|2E|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|G|$]]

<p>Use <code>\tiny{ }</code>, <code>\scriptsize{ }</code>, <code>\small{ }</code>, <code>\normal{ }</code>, <code>\large{ }</code>, <code>\Large{ }</code>, <code>\LARGE{ }</code>, <code>\huge{ }</code>, <code>\Huge{ }</code>.</p>


blocks|key|12730|text|如果以这种方式加载mathjax/latex，则可以全局更改公式的大小：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|12731|<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>|code-block|syntax|javascript|12732|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can change the size of the formulas globally if you load mathjax/latex in this way:</p>

<pre><code>&lt;script type="text/x-mathjax-config"&gt;
MathJax.Hub.Config({
  CommonHTML: {
    scale: 130
  }
});
&lt;/script&gt;
&lt;script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"&gt;
&lt;/script&gt;
</code></pre>


blocks|key|229090|text|当你在一个div中有一些数学运算时：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|229091|<div+id="some_math">+$$+x%5E2+$$</div>|code-block|syntax|javascript|229092|您可以像这样使用CSS来简单地更改字体大小：|229093|$("#some_math").css("font-size","150%25");|229094|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>When you have some math inside a div:</p>

<pre><code>&lt;div id="some_math"&gt; $$ x^2 $$&lt;/div&gt;
</code></pre>

<p>you can change the font size simply by using CSS like this:</p>

<pre><code>$("#some_math").css("font-size","150%");
</code></pre>


blocks|key|13017|text|MathJax+3.0.0：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|13018|<script>
++++MathJax+=+{
++++++++tex:+{
++++++++++++inlineMath:+[['$',+'$'],+['\$',+'\$']]
++++++++},
++++++++chtml:+{
++++++++++++scale:+1.3
++++++++},
++++++++svg:+{
++++++++++++scale:+1.3
++++++++}
++++};
</script>
<script+src="/js/mathjax/tex-chtml.js"+id="MathJax-script"+async></script>|code-block|syntax|javascript|13019|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>MathJax 3.0.0:</p>

<pre class="lang-js prettyprint-override"><code>&lt;script&gt;
    MathJax = {
        tex: {
            inlineMath: [['$', '$'], ['\$', '\$']]
        },
        chtml: {
            scale: 1.3
        },
        svg: {
            scale: 1.3
        }
    };
&lt;/script&gt;
&lt;script src="/js/mathjax/tex-chtml.js" id="MathJax-script" async&gt;&lt;/script&gt;
</code></pre>


blocks|key|229253|text|看起来<span>标签适用于内联字体调整：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|229254|<span+style="font-size:2.1em;+line-height:0%25">$a-b$</span>|229255|应该以14px的字体大小很好地为Times字体家族呈现"a-b“。|229256|entityMap^0|3|6|0|0|1M|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|K|$]]

<p>Seems like the <code>&lt;span&gt;</code> tag works for inline font adjustment:</p>

<p><code>&lt;span style="font-size:2.1em; line-height:0%"&gt;$a-b$&lt;/span&gt;</code><br> </p>

<p>should nicely render "a-b" for Times font-family at 14px font-size.</p>


blocks|key|12670|text|我尝试了很多方法，包括修改config/default.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|12671|http://docs.mathjax.org/en/latest/options/index.html|offset|length|12672|或者mathjax.js，都不能工作(我使用的是Drupal6，因此不得不恢复到MathJax+1.1)|12673|最后，基于Wojciech的回答，我发现了一些有用的东西。只需用这样的div将数学代码括起来：|12674|<div+style="font-size:+133%25;">
<p>\begin{equation}+\frac{\partial+e_b}{\partial+x%5Eb}+=+&nbsp;&nbsp;\Gamma_{ab}%5Ek+&nbsp;e_k+&nbsp;+\end{equation}</p>
</div>|code-block|syntax|javascript|12675|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1G|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|11|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|12|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|C]]]]

<p>I tried numerous things, including modifying config/default.js </p>

<p><a href="http://docs.mathjax.org/en/latest/options/index.html" rel="nofollow">http://docs.mathjax.org/en/latest/options/index.html</a></p>

<p>or mathjax.js, none of them worked (I use Drupal 6 and therefore had to revert to MathJax 1.1)</p>

<p>Finally, based on Wojciech's answer, I found something that worked. Simply surround the Math code with a div like that:</p>

<pre><code>&lt;div style="font-size: 133%;"&gt;
&lt;p&gt;\begin{equation} \frac{\partial e_b}{\partial x^b} = &amp;nbsp;&amp;nbsp;\Gamma_{ab}^k &amp;nbsp;e_k &amp;nbsp; \end{equation}&lt;/p&gt;
&lt;/div&gt;
</code></pre>


blocks|key|229421|text|你应该把它添加到你的CSS中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|229422|.MathJax_CHTML+{
++++font-size:+25px+!important;
}|code-block|syntax|javascript|229423|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You should add this to your CSS.</p>

<pre><code>.MathJax_CHTML {
    font-size: 25px !important;
}
</code></pre>


blocks|key|229373|text|不要像其他人建议的那样使用css，特别是在与换行符结合使用时。Mathjax计算换行需要多少空间，所以如果你后来改变了它的大小，你可能会得到混乱的结果(溢出，严重的中断，裁剪等)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|229374|通过config或MML/Tex来完成|229375|Styling+MathJax|offset|length|229376|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/5639827/styling-mathjax/25329062#25329062^0|0|0|0|F|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

<p>Do not use css as the others are suggesting, especially if in combination with linebreaking. Mathjax calculates how much space it requires for linebreaking, so if you change its size afterwards, you can get chaotic results(overfloww, bad breaking, clipping etc)</p>

<p>Do it throught config or MML/Tex</p>

<p><a href="https://stackoverflow.com/questions/5639827/styling-mathjax/25329062#25329062">Styling MathJax</a></p>


<p>I am using mathjax on my page, and i have read that this:</p>

<pre><code>&lt;script type="text/x-mathjax-config"&gt;
  MathJax.Hub.Config({
    "HTML-CSS": { scale: 175}
  });
&lt;/script&gt;
</code></pre>

<p>Is supposed to make fonts bigger. But instead, all it does, is that it makes the container of mathjax equations bigger, but the fonts stay the same. Why is that? How to change font size?</p>


Changing mathjax's font size

容器

我在我的页面上使用了mathjax，我读到了这个：<script type="text/x-mathjax-config">  MathJax.Hub.Config({    "HTML-CSS": { scale: 175}  });</script>应该是为了让字体变大。但相反，它所做的只是使mathjax方程的容器更大，但字体保持不变。为什么会这样呢？如何改变字体大小？

问更改mathjax的字体大小
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改mathjax的字体大小EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改mathjax的字体大小
EN