The font controls the width and joins. Use one box-drawing family, try a fixed-width font, and test the narrowest screen.
Technical note: Text borders line up only when the font gives their pieces compatible widths and heights. Proportional fonts, fallback glyphs and line spacing can open gaps or shift corners.Reviewed by CoolSymbol.now Editorial · August 2, 2026What you need to know
Box-drawing characters are designed as connecting parts, but the active font still chooses their width, stroke and position.
A border that fits on desktop may wrap on a phone, in a narrow bio or after an app changes its font size.
Choose light, heavy, double or rounded pieces from one family.
See real examples in text border symbols and line symbols. For the full lesson, read Why Symbols Look Different Across Fonts and Devices.
01
The font controls each piece
Box-drawing characters were made for terminals, where every character is the same width.
In a normal font each piece has its own width, so the edges of a frame drift apart line by line.
02
Wrapping can break a complete frame
A monospace font fixes it, as long as that font covers every piece you used.
- Test the narrowest target
- Avoid tabs and repeated spaces
- Use short dividers when alignment is optional
03
Build with one matching family
Mixing single and double line weights is the other common cause. They only join at specific corner characters.
- Use ┌ ┐ └ ┘ with light lines
- Use ╔ ╗ ╚ ╝ with double lines
- Provide a plain-text fallback
04
Making a frame hold together
If the alignment has to hold, keep the frame short and check it at the narrowest width your readers will use.
05
Sources and further reading
This answer was reviewed against current Unicode terminology and the practical guidance below.
06
Related symbol collections
More collections supported by this answer
These links are grouped by purpose so you can move from the general answer to the exact inventory you need.