样式MathJax

问题描述

我对此很困惑。我已经搜索了教程，但是找不到对我来说很有意义的教程，如何为MathJax输出设置CSS类？我只想将字体变大。当前包括：

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

在我页面的底部。可以很好地渲染TEX，但是我想在上面设置一些CSS！ 理想情况下，我想向其传递CSS类名称。     

解决方法

您是否尝试过在输出处理器中设置

scale

选项？请参阅手册。您可以在文件中或内联设置配置选项。此页面涵盖了该过程。 基本上，您会在网页或所包含的文件中包含一小段JavaScript。例：

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

另外，您可以通过应用CSS类将事物简单地包裹在“ 3”中。在此页面上查看源。

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

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

\\]    
</div>

该公式将简单地继承字体大小。     ,更新： 正如我现在所了解的，不要在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>

已淘汰： 仅在页面上有ѭ6的情况下，我才使用JQuery的getScript（）动态加载MathJax。在这种情况下，上面的解决方案不起作用。 解决方法是在加载后设置CSS：

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

除了

%

中的字体大小，您还可以使用

px

或

em

。 如果这不起作用，请对CSS样式使用！important。例如：

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