更改mathjax的字体大小

Question

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

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

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

Answer 1

好吧,如果你需要全局重新调整大小,这就是我通过CSS做到的方式.

.MathJax {
font-size: 1.3em;
}

我用过1.3 em,你可以改变它以更好地满足你的需求.

Answer 2

如果以这种方式加载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>

Answer 3

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

Answer 4

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

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

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

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

Answer 5

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

1. 使用 .css 类。

   \class{className}{}

是className可以在css中指定的div类名。

2. 使用乳胶

\tiny{ }, \scriptsize{ }, \small{ }, \normal{ }, \large{ }, \Large{ }, \LARGE{ }, \huge{ }, \Huge{ }

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

.MathJax {
    font-size: 12pt;
}

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

Answer 6

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>