2016-12-28 2 views
1

Я хочу написать формуляр с MathJax, где я использую font-awesome icon в качестве замены для математического символа.Как вставить шрифт-удивительные значки в MathJax?

Если я пытаюсь что-то вроде

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

+0

Это не возможно, как вы уже пробовали. В качестве обходного пути вы можете использовать образы вместо шрифтовых значков с [этим расширением mathjax] (https://github.com/mathjax/MathJax-third-party-extensions/tree/master/img) – michaPau

ответ

2

Если вы можете обеспечить выход на основе HTML, вы можете использовать нестандартный макрос MathJax \class{classname}{math}, как показано ниже.

Примечание что это не будет работать на выходе SVG (без дополнительных хаков).

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

Смежные вопросы