MathJax中的颜色

Question

在我的博客上,我想用红色显示问题,用蓝色用颜色显示问题.在问答中我使用MathJAx来渲染MathML.我是控制器使用CSS的MathJax着色像这样

    h3, h2, h4, h5
    {
        text-align: left;
        font-weight: bold;
        font-family: Verdana;
    }
    .question
    {
        text-align: left;
        color: Red;

    }
    .centerit
    {
        color: Blue;
        text-align: center;
    }

在IE中工作得很好,但在FireFox中,它总是以黑色显示MathJax？任何解决此问题的方法.我正在使用MathJax 2.

Thankx

Answer 1

MathJax支持\color宏,但它与LaTeX的工作方式不同.在LaTeX中,\color像普通的TeX命令一样工作\bf,但是MathJax将它作为LaTeX命令\textbf.

\[ \color{red} The whole sentence is red in LaTeX,
   but only the initial T is colored in MathJax.  \]

Answer 2

如果您想为方程的不同部分涂上不同的颜色（例如，如果您想对变量进行颜色编码），请使用\textcolor命令而不是\color避免间距问题。

看到不同：

使用\textcolor（首选）：

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

$$
y = \textcolor{red}{\sin} x
$$

使用\color（导致间距不正确）：

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

$$
y = \color{red}{\sin} x
$$

彩色 MathJax 方程可提高可读性演示：trigids.com。

Answer 3

如果您使用 URL 在本地测试站点file://，则 Firefox 的同源策略可能会强制 MathJax 使用图像字体而不是 Web 字体。请参阅MathJax 常见问题解答条目，特别是有关 Firefox local 的部分@font-face。一种解决方案是在您进行测试的计算机上本地安装 MathJax 字体。可以从MathJax GitHub 存储库获取字体（单击字体，然后单击右上角的“Raw”按钮）。

或者，您可以在调试过程中忽略黑色，因为一旦传输到实时网站，它就会正常工作。