title: display text as square symbols instead of letters
body: <p>Is there a simple css way to display text with every letter replaced with a filled square?</p>
  
  <p>My idea was to find a font-family that has squares for all letters, but I didn't find anything like that existing. Google is no friend as it gives hits of posted issues with boxes that appear when fonts fail in some way.</p>
  
  <p>Letters should be displayed as squares, not replaced with squares. Also, I need to be able to control the square fill color with the usual html/css.</p>
  
  <p>I'm fine to use font-face, but am trying to avoid the learning curve for creating my own font.</p>
  
  <p>Update: here is an example:</p>
  
  <pre><code>div.innerHTML = "some arbitrary text".
  </code></pre>
  
  <p>Should be displayed like this:</p>
  
  <pre><code>"■■■■ ■■■■■■■■■ ■■■■".
  </code></pre>