Monospace Character Example

Short Description:

Transpose Basic Latin characters to a monospace font.

Full Description

An example of converting the text of chat messages into a monospaced font and replacing spaces with non-breaking spaces.

Frequently we want a bot or app to be able to display information in neat columns, which means we need to be able to calculate with width of text being displayed. Using a monospace font makes this much easier as we can simply count characters. However, since HTML collapses one or more whitespace characters into a single space we need to also replace spaces (0x20) with a non-breaking space. After some testing it seems 0x2007 (non-breaking figure space) it the best choice with the monospace mathematical characters.