Skip to content

Instantly share code, notes, and snippets.

@flaviut
Last active October 22, 2024 14:31
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

Is it just me or is GitHub completely mangling these characters? I tried to use them to draw boxes in code comments but while they display perfectly in my terminal they look completely out of proportion when rendered in the GitHub web pages. Anyone else noticed this issue?

@flaviut
Copy link
Author

flaviut commented Feb 16, 2023

Works for me:

2023-02-15-235614_482x812_scrot

@matheusmoreira
Copy link

So it really is just me.

20230216_030430

Thanks for letting me know!

@mirojones
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

@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.

@LeninZapata
Copy link

Is there any software that makes this easier?

@flaviut
Copy link
Author

flaviut commented Sep 7, 2024

@Ahani-Samira
Copy link

game board for tic-tac-toe

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