'Textarea with square text?

I'm making a web game, and I'd like to use a textarea as a quick "tile editor", where each character is a tile, and users can edit their levels. The problem is, my in-game tiles are squares, and the font on the textarea is rectangular (even when set to font-family: monospace), so a 32x32 level looks like a very tall and narrow rectangle, and editing becomes difficult. How can I configure the textarea so that each character occupies a square space? Thanks



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source