У меня проблемы с выяснением, почему Chrome и Firefox отображают некоторые вещи по-разному. Ниже приведены изображения части моего проекта в Firefox (вверху) и Chrome (внизу). MathJax отображает все по мере загрузки страницы, и после того, как все обработано и набрано, оно отображается на странице. Так что я не уверен, что это моя вина по вине MathJax. Во всяком случае, вот изображения ...
... если вы заметили, квадрат с черной рамкой в Chrome отличается, и плохо. Есть идеи, почему это может происходить? Следующее выводится из консоли Chrome ...
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Main-Regular.svg#MathJax_Main-Regular:-1
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Main-Bold.svg#MathJax_Main-Bold:-1
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Main-Italic.svg#MathJax_Main-Italic:-1
Resource interpreted as font but transferred with MIME type image/svg+xml. /MathJax/fonts/HTML-CSS/TeX/svg/MathJax_Math-Italic.svg#MathJax_Math-Italic:-1
etc...
Код для рендеринга квадрата в одиночку, без всех других причудливых вещей, относительно прост ...
<div id="square">
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
<mo id="tag0" class="expand">◻</mo>
</math>
</div>
... а потом я говорю MathJax сделать его ...
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "square"]);
... и MathJax делает свое дело (я не контролирую рендеринг MathJax). Так что я не совсем понимаю, в чем проблема.
Я знаю, что это очень странный и очень специфический вопрос, но я надеюсь, что кто-то в сообществе Stack Overflow может иметь какую-то идею или иметь дело с MathJax ранее. Надеюсь, что некоторые мозговые штурмы помогут решить эту проблему.