title: Make every Unicode character on a web page the same width
body: <p>I need two following Unicode characters to have the same width in a web page: ▼ (&amp;#9660;) and ▶ (&amp;#9654;)</p>
  
  <p><code>font-family: monospace;</code>  does not help, they still get different width (Windows 8, Firefox 17):</p>
  
  <p><img src="https://i.stack.imgur.com/cqq8V.png" alt="Screenshot showing monospace problem"></p>
  
  <p>Is there any way to let every (and not only usual letters) character on a page to have the same width?</p>
  
  <p>Source code of the example:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
    &lt;/head&gt;7
    &lt;body&gt;
      &lt;h1 style="font-family: monospace;"&gt;
        &amp;#9660;test 
        &lt;br&gt;
        &amp;#9654;test
      &lt;/h1&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>