13

我想在我的博客上用红色显示问题,用蓝色显示答案。在问答中,我使用 MathJax 2 来渲染 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。有什么办法可以解决这个问题吗?

4

4 回答 4

16

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.  \]
于 2013-06-14T16:48:53.963 回答
4

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

或者,您可以在调试期间简单地忽略黑色,因为它一旦转移到实时网站就会正常工作。

于 2012-06-19T11:16:33.173 回答
4

如果您想为方程的不同部分着色不同的颜色(例如,如果您想对变量进行颜色编码),请使用\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

于 2020-03-20T23:16:21.910 回答
0
$$ y = \color{red}{sin}x $$ 

=

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

是答案,但是

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

=

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

不是答案。

于 2021-09-19T04:44:15.110 回答