Вот код, который я написал:
<div id="testdiv" style="position:absolute; top:250; left:10; width:1200; height:200; border:solid 2px #005050;">
<span style="direction:rtl; font-family:jameel noori nastaleeq;">دی گئی مساوات کو دیکھئے</span>
</div>
Я не указал ни одного направления, связанного в разделе , и мой код не имеет никакого tag.
В firefox результат приведенного выше кода такой: 
В то время как в Chrome, тот же код показывает этот результат: 
Результат в Chrome такой, каким он должен быть. Я понятия не имею, почему Firefox вдруг так себя ведет.
Что я здесь не так делаю и как мне это исправить, чтобы результат в Firefox соответствовал результату в Chrome.
Если кому-то интересно, что означает текст, он говорит: посмотрите на данное уравнение. Язык урду.
Полный исходный код страницы размещен ниже:
<html>
<head>
<title>MathJax Test</title>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-MML-AM_CHTML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
</head>
<body>
<canvas id="test" width="500" height="200" style="border:solid 2px #000000;"></canvas>
<div id="testdiv" style="position:absolute; top:250; left:10; width:1200; height:200; border:solid 2px #005050;">
<span style="direction:rtl; font-family:jameel noori nastaleeq;">دی گئی مساوات کو دیکھئے</span>
</div>
</body>
</html>