flaviut/box-drawing.md

Last active February 1, 2025 23:37

Star (4) You must be signed in to star a gist
Fork (2) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/flaviut/0db1aec4cadf2ef06455.js"></script>
Save flaviut/0db1aec4cadf2ef06455 to your computer and use it in GitHub Desktop.

Download ZIP

Box Drawing characters with examples

Raw

box-drawing.md

Box drawing fun

A few boxes drawn with Unicode box drawing characters:

╔═╦═╗
╠═╬═╣
║ ║ ║
╚═╩═╝

┏━┳━┓
┣━╋━┫
┃ ┃ ┃
┗━┻━┛

┌─┬─┐
├─┼─┤
│ │ │
└─┴─┘

╭╮
╰╯

No idea WTF this is useful for, but whatever.

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

Complete list

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

matheusmoreira commented Feb 16, 2023

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?

Author

flaviut commented Feb 16, 2023

Works for me:

matheusmoreira commented Feb 16, 2023

So it really is just me.

Thanks for letting me know!

mirojones commented Jul 10, 2024

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 commented Jul 14, 2024

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 commented Sep 7, 2024

Is there any software that makes this easier?

Author

flaviut commented Sep 7, 2024

https://www.tablesgenerator.com/text_tables (check Use Unicode symbols for table borders)

Ahani-Samira commented Oct 22, 2024

game board for tic-tac-toe

ghost commented Feb 1, 2025

Doesn't really function for me the best, but is a monospace font on ChromeOS & Fedora Linux. I have a way to fix this; go to your browser settings and look for an option to change fonts. Then, configure it to your will. Try using a pure monospace font like "Agave" or just "Monospace" if that helps. Then, try rendering it again and I think it'll work.