title: Mathjax Latex symbol square and triangle size
body: <p>I have an application that uses MathJax to display some latex.
  It displays most things just fine, however when I want to display a square with the command <code>\square</code>.</p>
  
  <p>I'm trying this latex code as a test: <code>\triangle \Box \square \bigtriangleup \blacksquare</code></p>
  
  <p>It generates this: 
  <a href="https://i.stack.imgur.com/AB6T9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AB6T9.jpg" alt="Mathjax squares and triangles"></a></p>
  
  <p>But when I generate the same commands on the mathjax site I get this:
  <a href="https://i.stack.imgur.com/fwjdU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fwjdU.jpg" alt="MathJax symbols as it should be"></a></p>
  
  <p>I have included the AMSsymbols library like this:</p>
  
  <pre><code>MathJax.Hub.Config({
      TeX: {
          extensions: ['AMSsymbols.js']
      },
      'HTML-CSS': {
          styles: {
              '.MathJax_Display': {
                  margin: '3px 0px'
              }
          }
      }
  });
  </code></pre>
  
  <p>Can anyone tell me what I'm doing wrong?</p>