Soon after the public release of Source Code Pro, many a notice was received from connoisseurs of fixed-width type, upset about a shortcoming: Unbelievably, the family’s first iteration did not contain Box Drawing Characters. Fortunately, this flaw has since been remedied, and the whole set of Box Drawing Characters, plus all of the Block Elements now are now part of the typeface.
Source Code Pro is a typeface family intended for both programmers and designers. It has a fairly wide range of weights, therefore we agreed to adjust the Box Drawing Characters in their stem width as well, to make for a better corresponding appearance. The reasoning behind this decision is that everyone will benefit from this consideration: The programmer will like the screen display adjusted to the chosen text weight. The graphic designer will appreciate a multitude of combination possibilities; and an unseen dynamic range of drawing boxes.
All that is why this script was written. It is not exactly an amazing, or creativity-challenging task to draw those quite generic glyphs.
Much more fun is derived from writing a script, and generating the silliest Box Drawing Characters over and over again.
This script will draw the complete range of Box Drawing Characters and Block Elements in the font editor of your choice.
The design of those characters is based on a handful of parameters, which can be changed in the script file itself.
Feel free to create Box Drawing Characters that are longer than usual; exceedingly wide, fat (both?); or hairline-thin.
Time was spent to make this script compatible with the triumvirate of commercial font editing applications; this means that this script will run in RoboFont, Glyphs, and even FontLab without any modifications (Glyphs support experimental).
You can even run the script straight from the command line, which will generate a new UFO file right to your desktop.
Tested versions:
Robofont: Version 1.4b (build 1302261653)
Glyphs: Version 2.4.1 (983)
FontLab: 5.1.3 (4693)
Dependencies:
When using Glyphs or FontLab, Robofab must be installed and working.
Running the script from the command line will not work without Robofab installed.
When using Glyphs, please make sure you have the GSPen.py and objectsGS.py modules installed.
This script is not for adding Box Drawing Characters to existing, compiled fonts.
It is assumed you have type design software, and font source data available; or at least know what to do with a UFO file.
Box Drawing Unicode range 2500-257F and Block Elements Unicode range 2580-259F:
| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| U+250x | ─ | ━ | │ | ┃ | ┄ | ┅ | ┆ | ┇ | ┈ | ┉ | ┊ | ┋ | ┌ | ┍ | ┎ | ┏ |
| U+251x | ┐ | ┑ | ┒ | ┓ | └ | ┕ | ┖ | ┗ | ┘ | ┙ | ┚ | ┛ | ├ | ┝ | ┞ | ┟ |
| U+252x | ┠ | ┡ | ┢ | ┣ | ┤ | ┥ | ┦ | ┧ | ┨ | ┩ | ┪ | ┫ | ┬ | ┭ | ┮ | ┯ |
| U+253x | ┰ | ┱ | ┲ | ┳ | ┴ | ┵ | ┶ | ┷ | ┸ | ┹ | ┺ | ┻ | ┼ | ┽ | ┾ | ┿ |
| U+254x | ╀ | ╁ | ╂ | ╃ | ╄ | ╅ | ╆ | ╇ | ╈ | ╉ | ╊ | ╋ | ╌ | ╍ | ╎ | ╏ |
| U+255x | ═ | ║ | ╒ | ╓ | ╔ | ╕ | ╖ | ╗ | ╘ | ╙ | ╚ | ╛ | ╜ | ╝ | ╞ | ╟ |
| U+256x | ╠ | ╡ | ╢ | ╣ | ╤ | ╥ | ╦ | ╧ | ╨ | ╩ | ╪ | ╫ | ╬ | ╭ | ╮ | ╯ |
| U+257x | ╰ | ╱ | ╲ | ╳ | ╴ | ╵ | ╶ | ╷ | ╸ | ╹ | ╺ | ╻ | ╼ | ╽ | ╾ | ╿ |
| U+258x | ▀ | ▁ | ▂ | ▃ | ▄ | ▅ | ▆ | ▇ | █ | ▉ | ▊ | ▋ | ▌ | ▍ | ▎ | ▏ |
| U+259x | ▐ | ░ | ▒ | ▓ | ▔ | ▕ | ▖ | ▗ | ▘ | ▙ | ▚ | ▛ | ▜ | ▝ | ▞ | ▟ |
Both Box Drawing Characters and Block Elements are mostly at home in the world of text-based UI; you might remember brilliant examples from MS-DOS Defrag or ScanDisk.
┌─┬────────────┐
┌───┘ │ Beautiful │
│ │ box. │ ┌────────────╖
│ ╰─┰──────────┤ │ Another ╟┐
│ ┃ The same │ │ quite nice ║│
│ ┃ ole box. │ │ box. ║│
└───────┸──────────┘ ╘╤═══════════╝│
└────────────┘
Box Drawing Characters can also be used for graphic design. As an example, see the “source code” (pun) of the Adobe Type Team holiday card 2012:
╔═*╓─╭╍╮╓─o*›┍━┑╻ ▲,┌─»
╚═╗║╍╽┅╈╙─╖¡ ┆0┆╽╲╿ ┕━┓
╚═╜╙━╹©╹╚═╱╳∙┕═┙╵=╹_└─┛
╦┉╴╓─╮╓─ ╱╳¤╳╲┕ ┎─┎┬┬┒•
║ ╗║─╮╬(•╱∑╳ɔ╲¡ʻ┣╸ || ┒
╙─©◊ ◊╙─╱╳╳⅓╳╳╲┆┖─:┗┛ ┸
┎╲ ╷╭─┨?╱╳¿╳╳▲╲♪╔═╡****
┃╲╲┃┃─╮╱↑╳╳╳ợ╳╳╲╚═╗from
╵ H┚╰─ᵒ╱╳╳∞╳╳╳¤╲╞═╝the↓
↓╎O┊◊ˈ╱╳◉╳%╳╳=╳╳╲◆╦═╦═]
H╎L┊─╱♪╳╳ʷ╳ ∫╳ §╲┊║A║™]
A╎I┊╍╱╳∂╳╳◆╳╳╳Ω╳ ╲┊D┊═╗
P─D──╱╳╳¶╳ ╳$╳ ¤╳┊O┊T║
P║A┊╱╳ Ø╳╳ƒ╳╳╳☑╳ ╲B┊Y║
Y║Y┊╱¤╳╳œ╳╳╳Ṃ ╳╳| ╲E┊P║
│┐S╱╳╳╳ˣ╳╳×╳╳╳◆ ╳¤╳╲┊E│
↓ !!┟╥─╯┍╇┯█┯╇┑▚│┇──┴─┊
╶═╝┎┘│━┵┼┶━│┈╢TEAM<╯
╺━│┃░▒▓▌!▐▓▒░┃││┼☑┘╳
Those examples above
might look mis-aligned.
Why? Read on below:
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
Possibly, the text above will may look misaligned. It is because many monospaced fonts (including some of the ones used in the Github CSS) do not include all of the Box Drawing Characters. Head over to the Project Page for live examples of the text above (using Source Code Pro as a webfont), plus some more.
- Open font editor of your choice (one of the three mentioned above).
- Drag the the script file into the scripts panel; or move it to your scripts folder.
- Run.
- Watch Box Drawing Characters emerge.
- Done.
Alternate method:
- Run the script on the command line.
- A UFO full of Box Drawing Characters is created (given that Robofab is installed and working).