如何在MathJax中插入字体真棒图标?

时间:2016-12-28 12:17:57

标签: javascript html font-awesome mathjax

我想用MathJax写一个公式,我用font-awesome icon代替数学符号。

如果我尝试类似

的话
$$6 \cdot <i class="fa fa-home" aria-hidden="true"></i> + 5 \cdot <i class="fa fa-home" aria-hidden="true"></i>$$

我得到了

enter image description here

有没有一种简单的方法可以在MathJax中集成font-awesome图标?

1 个答案:

答案 0 :(得分:2)

如果您可以确保基于HTML的输出,则可以使用MathJax的非标准\class{classname}{math}宏,如下所示。

注意这在SVG输出中无法工作(无论如何都没有额外的黑客攻击)。

&#13;
&#13;
script = document.createElement('script');
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML-full';
document.getElementsByTagName('head')[0].appendChild(script);
&#13;
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></link>

<h1>Using fontawesome in math</h1>

$$ f: \class{fa fa-twitter}{} \to \class{fa fa-home}{}$$
&#13;
&#13;
&#13;