MathJax 输出的不同字体

Question

我正在尝试在我的 Vue3 项目中通过 MathJax 显示一些数学方程。

它可以渲染，但我希望字体看起来更Mathematical®。

这是我的输出：

这是 ChatGPT 吐出的内容：

我尝试将包含 div 的

font-face

更改为

serif

，但这不起作用，因为它已经是衬线了。

任何建议都会有帮助。

Answer 1

首先，确保您不让 MathJax 生成 MathML，因为那看起来绝对很糟糕。使用 HTML+CSS 或 SVG 渲染选项，看起来更好。例如，使用普通的 MathJax 配置，公式

x = \frac{-b \pm \sqrt{ b^2 - 4ac}}{2a}

呈现为：

这看起来比你所展示的要好得多。

如果这不能解决问题，并且您正在使用 MathJax v3，那么一个问题是您只能根据字体支持文档获得一种字体选择，因此您可能需要降级到 2.x为您提供远更多选择。

或者作为另一种方法，您可以尝试 KaTeX，它提供的控制较少，但默认的 KaTeX 字体相当不错：