更改 mathjax 的字体大小

问题描述 投票:0回答:10

我在我的页面上使用 mathjax,并且我读过以下内容:

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

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

mathjax
10个回答
32
投票

使用

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


31
投票

如果您需要全局调整大小,以下是我通过 CSS 实现的方法。

.MathJax {
font-size: 1.3em;
}

我使用了

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


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>

6
投票

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

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

您只需使用 CSS 即可更改字体大小,如下所示:

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

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>

5
投票

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

  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 版本,因为它允许您更改不同屏幕尺寸的字体大小。


4
投票

似乎

<span>
标签适用于内联字体调整:

<span style='font-size:14px'>$a-b$</span>
应该很好地呈现为 $a-b$。


3
投票

您应该将其添加到您的 CSS 中。

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

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>

1
投票

不要像其他人建议的那样使用 css,特别是与换行结合使用时。 Mathjax 计算换行所需的空间,因此如果您随后更改其大小,您可能会得到混乱的结果(溢出、坏换行、剪切等)

通过配置或 MML/Tex 来完成

MathJax 样式

© www.soinside.com 2019 - 2024. All rights reserved.