样式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在输出处理器中设置选项？请参阅手册.您可以在文件或内联中设置配置选项; 此页面介绍了该过程.

基本上,您在页面或您包含的文件中包含一小段JavaScript.例:

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

此外,您可以div使用应用的CSS类简单地围绕该事物.查看此页面上的来源.

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

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

\]    
</div>

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

Answer 2

更新:

正如我现在所知,不要使用CSS在mathjax中设置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;
}