37

我在我的页面上使用了 mathjax，并且我已经读过这个：

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

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

4

10 回答 10

24

好吧，如果您需要全局调整大小，这就是我通过 CSS 实现的方法。

.MathJax {
font-size: 1.3em;
}

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

于 2014-07-12T12:28:49.307 回答
21

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

于 2017-07-29T04:02:50.470 回答
12

如果以这种方式加载 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>
于 2016-04-18T17:48:51.640 回答
6

当您在 div 中进行一些数学运算时：

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

你可以简单地使用 CSS 改变字体大小，如下所示：

$("#some_math").css("font-size","150%");
于 2014-02-07T00:13:31.277 回答
5

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>
于 2020-01-30T20:56:33.720 回答
4

这里有两个选项可以更改特定方程或方程部分的字体大小。

  1. 使用 .css 类。

    \class{className}{}

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

  1. 使用乳胶

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

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

.MathJax {
    font-size: 12pt;
}

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

于 2017-08-15T23:03:55.260 回答
4

似乎该<span>标签适用于内联字体调整：

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

应该很好地以 14px 字体大小为 Times 字体系列渲染“ab”。

于 2016-08-22T22:54:53.133 回答
2

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

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

或 mathjax.js，它们都不起作用（我使用 Drupal 6，因此不得不恢复到 MathJax 1.1）

最后，根据 Wojciech 的回答，我发现了一些可行的方法。只需用这样的 div 将数学代码包围起来：

<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>
于 2014-04-20T04:31:43.177 回答
2

你应该把它添加到你的 CSS 中。

.MathJax_CHTML {
    font-size: 25px !important;
}
于 2018-02-25T08:32:32.197 回答
1

不要像其他人建议的那样使用 css，尤其是与换行符结合使用时。Mathjax 计算它需要多少空间来换行，所以如果你之后改变它的大小，你会得到混乱的结果（溢出、坏断、剪裁等）

通过配置或 MML/Tex 完成

造型 MathJax

于 2017-11-29T12:59:11.483 回答