2013-10-16 26 views
1

当我使用MathJax$\sum_{i=0}^n {n \choose i} D(i)$被转换成标记。
MathML仍然有效地使用Computer Modern - 标准LaTeX字体 - 只要你想渲染一个方程。MathJaX的CSS?

<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> 

是指定的字体来呈现像<mi><mo>令牌有办法。假设我想为我的字体中的变量使用Kite One,以免与我的网站的其他部分发生冲突。

http://content.altfonts.com:81/img/K/I/Kite-Onea.png

实际上,字体看起来很不错。但是如果我需要,我怎么能定制MathML呢?


编辑:我似乎在询问是否为MathML

存在层叠样式表

这个问题作为考虑题外话为TEX .stackexchange它可能是一个问题圣ackOverflow此时

回答

2

当然。您只需在CSS中使用!important属性,否则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> 
+0

http://jsfiddle.net/mrcactu5/Wk3TR/它看起来不错,谢谢 –

+0

我有一个[相关问题](http:// stackoverflow。com/q/21222496/656912)关于使用特定字体做这件事的后果。 – orome

+0

来自未来的提示:cdn.mathjax.org即将结束其生命周期,请查看https://www.mathjax.org/cdn-shutting-down获取迁移提示(也许可以为未来的读者更新您的文章)。 –

3

虽然!important在技术上是一个解决方案,它不是正式MathJax支持,将无法可靠地工作。

MathJax在v2.2中正式支持的唯一webfont(见v2.2的底部)是它自己的MathJax webfont(衍生自Computer Modern),请参阅http://docs.mathjax.org/en/latest/options/HTML-CSS.html

如果你重写了这个,MathJax将无法正确排版(尽管它会尽力)。这与几个技术限制有关。

  • 浏览器的限制:必要的字体规格而无法访问通过JavaScript(所以MathJax必须把它们运)
  • 字体限制(大多数字体不包含数学适合字形)使用
  • 标准的限制(一些字形对于有弹性的字符没有相同的Unicode,数学字体通常使用微软的OpenType数学表,但这不是OpenType的正式组成部分,也没有浏览器支持数学表)。

这就是说,即将推出的MathJax v2.3版本将添加更多的字体选项。

+0

我有一个[相关问题](http://stackoverflow.com/q/21222496/656912)关于使用特定字体做这件事的后果。 – orome