更改mathjax的字体大小

时间:2013-09-30 03:41:35

标签: mathjax

我在我的页面上使用mathjax,我已经读过这个:

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

应该让字体更大。但相反,它所做的一切,是它使mathjax方程的容器更大,但字体保持不变。这是为什么?如何更改字体大小?

10 个答案:

答案 0 :(得分:17)

如果您需要全局重新调整大小,请参阅我的CSS。

.MathJax {
font-size: 1.3em;
}

我使用1.3 em,您可以更改它以更好地满足您的需求。

答案 1 :(得分:9)

如果以这种方式加载mathjax / latex,则可以全局更改公式的大小:

<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>

答案 2 :(得分:8)

使用\ tiny {},\ scriptsize {},\ small {},\ normal {},\ large {},\ Large {},\ LARGE {},\ huge {},\ Huge {}。< / p>

答案 3 :(得分:6)

当你在div中有一些数学时:

<div id="some_math"> $$ x^2 $$</div>

您只需使用这样的CSS即可更改字体大小:

$("#some_math").css("font-size","150%");

答案 4 :(得分:3)

似乎<span>标记适用于内联字体调整:

<span style="font-size:2.1em; line-height:0%">$a-b$</span>

应该很好地以14px字体大小为Times font-family渲染“a-b”。

答案 5 :(得分:3)

MathJax 3.0.0:

<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>

答案 6 :(得分:2)

我尝试了很多东西,包括修改config / default.js

http://docs.mathjax.org/en/latest/options/index.html

或mathjax.js,它们都没有用(我使用Drupal 6因此必须恢复到MathJax 1.1)

最后,根据Wojciech的回答,我发现了一些有用的东西。只需用这样的div包围Math代码:

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

答案 7 :(得分:1)

您应该将其添加到CSS中。

.MathJax_CHTML {
    font-size: 25px !important;
}

答案 8 :(得分:0)

以下是更改特定等式或等式部分的字体大小的两个选项。

  1. 使用.css类。

    \class{className}{}

  2. className是div类名,可以在css中指定。

    1. 使用Latex
    2. \tiny{ }, \scriptsize{ }, \small{ }, \normal{ }, \large{ }, \Large{ }, \LARGE{ }, \huge{ }, \Huge{ }

      如果要全局更改所有方程式,MathJax会在div内打印。使用css编辑类字体大小。

      .MathJax {
          font-size: 12pt;
      }
      

      最后,如果您还可以编辑MathJax配置以全局更改字体,但我更喜欢css版本,因为它允许您更改不同屏幕尺寸的字体大小。

答案 9 :(得分:0)

不要像其他人建议的那样使用css,特别是与断线相结合时。 Mathjax计算了断线所需的空间,所以如果你之后改变它的大小,你可能会得到混乱的结果(溢出,坏破坏,裁剪等)

通过配置或MML / Tex

进行

Styling MathJax