mathjax 中的大写字母和数字太大

Question

我正在使用 Jekyll 在 Github 中设置网页。我已经实现了 Mathjax 以呈现数学文本。我的配置是最小的：

<!-- Mathjax -->
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']],
      processEscapes: true
    }
  });
</script>
<script type="text/javascript" src="path-to-mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <script type="text/javascript"
  src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

它工作正常，除了内联数学文本和大写字母看起来很大，考虑到周围的文本。我设置this page为例。

到目前为止，我唯一能做的就是将数学按周围文本的一个因子缩小，通过使用

"HTML-CSS": {
scale: 90
}

问题在于它会缩放所有数学表达式，包括看起来大小合适但没有缩放的小写字母。

所以我的问题是是否有办法解决这种差异。

Answer 1

...有办法解决这种差异吗？

没有。 MathJax 通过缩放自己的字体来匹配周围的字体，以便 ex-height 匹配周围字体的高度。这意味着小写字母的高度应该大致相等，如您的示例所示。所以 MathJax 正确地确定了周围的前高度并与之匹配。

大写不匹配的原因是不同字体的大小写字母高度之间的比例不同。因此，如果您让小写字母匹配，则大写字母不会匹配（反之亦然）。对于具有与 MathJax 字体不同的大小写高度比的字体，您将无法使两者都与周围的字体相匹配。这是这两种字体设计所固有的。

唯一的另一种可能性是将大写字母与小写字母不同地缩放，但这意味着权重将不匹配，并且数学布局的质量会受到影响。

所以，不，一般来说，你不能两者兼得。

---

2020 年 4 月 30 日编辑：

在下面的评论中，我们讨论了em 单位的含义，它与字体的（计算的）font-size 相同。不幸的是，这与字体中大写字母的高度不同。例如，下面的代码在高度和宽度为 1em 的红色框中显示了一个 M，在高度和宽度为 1ex 的框中显示了一个 x，用于字体 Times、Courier、Impact 和 Zapfino。运行它以查看结果。

div {
  font-size: 60px;
  display: inline-block;
  min-width: 120px;
}
em-box {
  display: inline-block;
  background-color: red;
  width: 1em; height: 1em;
  margin-right: -1em;
}
ex-box {
  display: inline-block;
  background-color: red;
  width: 1ex; height: 1ex; 
  margin-right: -1ex;
  margin-left: 10px;
}
M-box {
  display: inline-block;
  min-width: 1em;
}
x-box {
  display: inline-block;
  min-width: 1ex;
}

<div style="font-family: Times">
<em-box></em-box><M-box>M</M-box><ex-box></ex-box><x-box>x</x-box>
</div>
<div style="font-family: Courier">
<em-box></em-box><M-box>M</M-box><ex-box></ex-box><x-box>x</x-box>
</div>
<div style="font-family: Impact">
<em-box></em-box><M-box>M</M-box><ex-box></ex-box><x-box>x</x-box>
</div>
<div style="font-family: Zapfino">
<em-box></em-box><M-box>M</M-box><ex-box></ex-box><x-box>x</x-box>
</div>

这是一张图片，以防您无法查看上面的结果。

请注意，em 框（红色）在所有情况下都是相同的，并且是 CSS 中指定的高度（50 像素），而 M 的高度在该框内是不同的（而 x 的高度与其框匹配）。所以不能用em-size来判断字体中大写字母的高度。

我不知道如何确定 M 的实际高度。