设置MathJax样式

Question

我对此很困惑。我已经搜索了一些教程，但找不到任何对我有意义的教程，我该如何为MathJax输出设置一个CSS类？我只想把字体做大一点。当前包含的内容包括：

<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

在我页面的底部。渲染TEX很好，但我想在上面设置一些CSS！

理想情况下，我想传递一个CSS类名给它。

Answer 1

您是否尝试过在输出处理器中设置scale选项？参见the manual。您可以在文件中或在内联中设置配置选项；this page涵盖了整个过程。

基本上，您可以在页面或包含的文件中包含一小段JavaScript。示例：

<script type="text/javascript">    
  MathJax.Hub.Config({    
    extensions: ["tex2jax.js"],    
    "HTML-CSS": { scale: 100}    
  });    
</script>

此外，您还可以简单地在应用CSS类的div中将其包围。在this page上查看源代码。

<div style="font-size: 500%;">    
\[

  g\frac{d^2u}{dx^2} + L\sin u = 0

\]    
</div>

等式将简单地继承字体大小。

Answer 2

更新：

据我所知，在mathjax中，如果不使用CSS来设计TeX样式，可能会导致显示问题。查看此处：https://github.com/mathjax/MathJax/issues/925

解决方案是将Javascript与Config块一起使用：

<script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({ 
        "HTML-CSS": { scale: 200, linebreaks: { automatic: true } }, 
        SVG: { linebreaks: { automatic:true } }, 
        displayAlign: "left" });
</script>

过时的：

我使用JQuery的getScript()动态加载MathJax，只有在页面上有$$的情况下才会这样。在这种情况下，上面的解决方案不起作用。

解决方法是在加载后设置CSS：

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

您也可以使用px或em来代替%中的字体大小。

如果这不起作用，请为您的CSS样式使用!important。例如：

.MathJax, .MathJax_Display  {
    text-align: left !important;
    font-size: 130%  !important;
}