title: Chrome vs. Firefox rendering differences of unicode characters - MathJax
body: <p>I'm having troubles figuring out why Chrome and Firefox are rendering some things differently. Below are images of a part of my project as seen in Firefox (top) and Chrome (bottom). <a href="http://www.mathjax.org/" rel="nofollow noreferrer">MathJax</a> renders everything as the page is loading and once everything has been processed and typeset, it is displayed on the page. So I'm not sure if this is my fault of MathJax's fault. Anyway here are the images...</p>
  
  <p><img src="https://i.stack.imgur.com/WRMDu.png" alt="Firefox">
  <img src="https://i.stack.imgur.com/VyHrZ.png" alt="Chrome"></p>
  
  <p>... if you would notice, the square with black border is different in Chrome, and in a bad way. Any ideas as to why this might be happening? The following is output from Chrome's console...</p>
  
  <pre><code>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...
  </code></pre>
  
  <p>The code for rendering the square alone, without all the other fancy stuff, is relatively simple...</p>
  
  <pre><code>&lt;div id="square"&gt;
     &lt;math xmlns="http://www.w3.org/1998/Math/MathML" display="block"&gt;
       &lt;mo id="tag0" class="expand"&gt;&amp;#x25FB;&lt;/mo&gt;
     &lt;/math&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>... and then I tell MathJax to render it...</p>
  
  <pre><code>MathJax.Hub.Queue(["Typeset", MathJax.Hub, "square"]);
  </code></pre>
  
  <p>... and MathJax does its thing (I have no control over the rendering MathJax does). So I don't quite know where the problem is.</p>
  
  <p>I know this is a very strange and very specific question but I'm hoping someone in the Stack Overflow community might have some idea or has dealt with MathJax previously. Hopefully some brainstorming will help resolve this issue.</p>