Text art depends on characters staying in the positions where the author placed them. Mobile screens, proportional fonts, and platform-specific glyphs can change those positions even though the underlying text is unchanged.

The line is wider than the screen

Automatic wrapping is the most common problem. A line that fits a desktop chat may split on a phone, shifting every row after it.

Keep important mobile art around 28–32 characters per line as a conservative starting point. There is no universal limit: app padding, font size, and device width all matter.

The app uses a proportional font

In a proportional font, i is narrower than W. ASCII art assumes that every character occupies the same width. Put multi-line work inside a code block or another monospaced field whenever possible.

Kaomoji are less sensitive because they are usually one line, but an intentionally symmetrical face can still look slightly different.

Some Unicode characters are unusually wide

East Asian full-width characters, combining marks, and emoji presentation can occupy different amounts of space. A symbol may render as monochrome text on one platform and as a colorful emoji on another.

Avoid mixing emoji into alignment-critical art. If you need a heart or star, a text-style Unicode symbol is often more predictable than an emoji sequence.

Tabs are not reliable spacing

Tab width varies by editor and app. Use ordinary spaces for text art, and avoid trailing spaces because some platforms remove them.

Fonts do not contain every glyph

When the primary font lacks a character, the system falls back to another font. Its metrics may not match the surrounding text. This is one reason complex Unicode art should be tested on more than one operating system.

A practical pre-share checklist

  • Use a monospaced font or code block.
  • Choose a width preset for the target platform.
  • Replace tabs with spaces.
  • Remove unnecessary trailing spaces.
  • Avoid alignment-critical emoji.
  • Preview on both desktop and mobile.
  • Include a description if the art carries meaningful information.

If the layout still breaks, reduce the width rather than squeezing in more detail. A smaller readable image is more useful than a detailed one that wraps.