13. Common Problems

13.1. Misalignment

If your diagram appears misaligned, this is caused by font substitution due to mixing of different fixed width fonts. This would usually happen when using Unicode characters which are missing in the primary font used to display your diagram.

Generally, you should be using the Menlo font as it has the greatest coverage of the Unicode characters utilized by Monodraw for its standard shapes. Alternatively, you can switch the document to ASCII mode which should resolve your issue but you need to make sure you are not using any Unicode characters yourself (i.e., in custom content).

If you’re using a text editor, ensure it uses a font which supports all the Unicode characters in your diagram. If you’re publishing as plain text on the web in a <pre> element, you can explicitly set the font using CSS to ensure it gets displayed properly.