Skip to content

Instantly share code, notes, and snippets.

@flaviut
Last active July 14, 2024 06:59
Show Gist options
  • Save flaviut/0db1aec4cadf2ef06455 to your computer and use it in GitHub Desktop.
Save flaviut/0db1aec4cadf2ef06455 to your computer and use it in GitHub Desktop.
Box Drawing characters with examples

Box drawing fun

A few boxes drawn with Unicode box drawing characters:

╔═╦═╗
╠═╬═╣
║ ║ ║
╚═╩═╝
┏━┳━┓
┣━╋━┫
┃ ┃ ┃
┗━┻━┛
┌─┬─┐
├─┼─┤
│ │ │
└─┴─┘
╭╮
╰╯

No idea WTF this is useful for, but whatever.

 ╳
╱ ╲
╲ ╱
 ╳
╱ ╲
▏ ▕
▔▔▔

Complete list

─
━
│
┃
┄
┅
┆
┇
┈
┉
┊
┋
┌
┍
┎
┏
┐
┑
┒
┓
└
┕
┖
┗
┘
┙
┚
┛
├
┝
┞
┟
┠
┡
┢
┣
┤
┥
┦
┧
┨
┩
┪
┫
┬
┭
┮
┯
┰
┱
┲
┳
┴
┵
┶
┷
┸
┹
┺
┻
┼
┽
┾
┿
╀
╁
╂
╃
╄
╅
╆
╇
╈
╉
╊
╋
╌
╍
╎
╏
═
║
╒
╓
╔
╕
╖
╗
╘
╙
╚
╛
╜
╝
╞
╟
╠
╡
╢
╣
╤
╥
╦
╧
╨
╩
╪
╫
╬
╭
╮
╯
╰
╱
╲
╳
╴
╵
╶
╷
╸
╹
╺
╻
╼
╽
╾
╿
@matheusmoreira
Copy link

So it really is just me.

Your browser might be rendering the Box Drawing characters in a sans-serif font rather than monospaced.

To test, look at the example below. The width of the Is, Ms and As should end at the same spot of it's rendered in a monospace font.

IIIII
MMMMM
AAAAA

All of those characters look right. It's just the box drawing characters that are screwed up. Browser must be using fallback fonts or something.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment