javascript - 如何在 MathJax 中插入字体超棒的图标？

Question

我想用 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>$$

我明白了

有没有一种简单的方法可以将 Font Awesome 图标集成到 MathJax 中？

Answer 1

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

注意这在 SVG 输出中不起作用(无论如何没有额外的 hack)。

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

  <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}{}$$