Fatal编程技术网

Javascript MathJaX的CSS？

javascript css fonts

Javascript MathJaX的CSS？,javascript,css,fonts,mathjax,mathml,Javascript,Css,Fonts,Mathjax,Mathml,当我使用$\sum{I=0}^n{n\choose I}D（I）$转换为标记。 MathML仍然有效地使用-标准LaTeX字体-无论何时您想要渲染一个方程式 <math xmlns="http://www.w3.org/1998/Math/MathML" display="block"> <munderover> <mo>&#x2211;<!-- ∑ --></mo> <mrow class="MJX-

当我使用
$\sum{I=0}^n{n\choose I}D（I）$
转换为标记。
MathML仍然有效地使用-标准LaTeX字体-无论何时您想要渲染一个方程式

<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  <munderover>
    <mo>&#x2211;<!-- ∑ --></mo>
    <mrow class="MJX-TeXAtom-ORD">
      <mi>i</mi>
      <mo>=</mo>
      <mn>0</mn>
    </mrow>
    <mi>n</mi>
  </munderover>
  <mrow class="MJX-TeXAtom-ORD">
    <mrow>
      <mo>(</mo>
      <mfrac linethickness="0">
        <mi>n</mi>
        <mi>i</mi>
      </mfrac>
      <mo>)</mo>
    </mrow>
  </mrow>
  <mi>D</mi>
  <mo stretchy="false">(</mo>
  <mi>i</mi>
  <mo stretchy="false">)</mo>
</math>


∑；
我
=
0
N
(
N
我
)
D
(
我
)
有没有办法指定呈现标记的字体，如
或
。比如说，我希望使用字体中的变量，以免与网站的其他部分冲突

事实上，这些字体看起来真不错。但是如果需要，我如何定制MathML呢

编辑：我似乎在问MathML是否存在级联样式表

这个问题被认为是tex.stackexchange的离题问题，此时可能是StackOverflow的问题。您只需使用
！重要的
属性，否则MathJaX将覆盖它

例如：

<!DOCTYPE html>
<html>
  <head>
    <title>MathJax TeX Test Page</title>
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <script type="text/javascript"
        src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>
    <style type="text/css">
      .mi {
      font-family: 'Helvetica' !important;
      }

    </style>

  </head>
  <body>
    When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
    $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
  </body>
</html>


MathJax-TeX测试页面
MathJax.Hub.Config（{tex2jax:{inlineMath:[['$'，'$']，['\\（'，'\\）']}）；
米女士{
字体系列：“Helvetica”！重要；
}
当$a\ne为0$时，有两种解决方案\（ax^2+bx+c=0\），它们是
$$x={-b\pm\sqrt{b^2-4ac}\over 2a}$$
当然可以。您只需使用
！重要的
属性，否则MathJaX将覆盖它

例如：

<!DOCTYPE html>
<html>
  <head>
    <title>MathJax TeX Test Page</title>
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <script type="text/javascript"
        src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>
    <style type="text/css">
      .mi {
      font-family: 'Helvetica' !important;
      }

    </style>

  </head>
  <body>
    When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
    $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
  </body>
</html>


MathJax-TeX测试页面
MathJax.Hub.Config（{tex2jax:{inlineMath:[['$'，'$']，['\\（'，'\\）']}）；
米女士{
字体系列：“Helvetica”！重要；
}
当$a\ne为0$时，有两种解决方案\（ax^2+bx+c=0\），它们是
$$x={-b\pm\sqrt{b^2-4ac}\over 2a}$$

而
！重要信息
从技术上讲是一种解决方案，MathJax不正式支持它，也不能可靠地工作

MathJax到v2.2版本（参见底部>v2.2）中官方支持的唯一webfont是它自己的MathJax webfont（源自Computer Modern），请参见

如果覆盖此选项，MathJax将无法正确排版（尽管它会尽最大努力）。这与一些技术限制有关


    

  • 浏览器限制：通过JavaScript无法访问必要的字体度量（因此MathJax必须提供这些度量）
    • 

  • 字体限制（大多数字体不包含适合数学的字形）
    • 

  • 标准限制（用于拉伸字符的某些字形没有unicode等效字符，数学字体通常使用Microsoft的OpenType数学表，但这不是OpenType的正式部分。此外，没有浏览器支持数学表）
    • 



话虽如此，即将发布的MathJax v2.3版本将添加更多字体选项。
而
！重要信息
从技术上讲是一种解决方案，MathJax不正式支持它，也不能可靠地工作

MathJax到v2.2版本（参见底部>v2.2）中官方支持的唯一webfont是它自己的MathJax webfont（源自Computer Modern），请参见

如果覆盖此选项，MathJax将无法正确排版（尽管它会尽最大努力）。这与一些技术限制有关


    

  • 浏览器限制：通过JavaScript无法访问必要的字体度量（因此MathJax必须提供这些度量）
    • 

  • 字体限制（大多数字体不包含适合数学的字形）
    • 

  • 标准限制（用于拉伸字符的某些字形没有unicode等效字符，数学字体通常使用Microsoft的OpenType数学表，但这不是OpenType的正式部分。此外，没有浏览器支持数学表）
    • 



话虽如此，即将发布的MathJax v2.3版本将添加更多字体选项。
我对使用特定字体的后果有一个看法。我对使用特定字体的后果有一个看法。我对使用特定字体的后果有一个看法。请注意：cdn.MathJax.org的使用寿命即将结束，检查迁移提示（也许为将来的读者更新您的帖子）。我对使用特定字体进行此操作的后果有一些看法。来自未来的注意：cdn.mathjax.org即将结束，请检查迁移提示（也许为将来的读者更新您的帖子）。