^ ^                 ^ ^
=(o.o)=  ~byakuren  =(o.o)=
  m m                 m m

BAFR: Binary ASCII Flow Round font

BAFR: Binary ASCII Flow Round font

BAFR: Binary ASCII Flow Round font

A vector font that visualises the binary representation of ASCII characters using rounded, flowing shapes. A follow on to the bitmap BAFS font.

Variants

BAFR comes in two variants that differ in how they identify which dots are active for dots around the edge that will dirrectly connect with surrounding characters.

bafrDot

Uses small dots to indicate the presence of a line. And is updated with simpler shapes that don’t overlap unintentionally.

bafrDiagonal

Uses diagonal connections to indicate the presence of a dot.

Both variants share the same underlying binary encoding and flow-line design for active bits - they differ only in how they resolve ambigious shapes.

Interactive Preview

Sample Text

the quick brown fox jumps over the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

the quick brown fox jumps over the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

the quick brown fox jumps over the lazy dog

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

Full ASCII Table

All 128 ASCII characters arranged in a 32x4 grid. Control characters (0-31) and DEL (127) are displayed using the Unicode Control Pictures range (U+2400-U+241F, U+2421).

␀␁␂␃␄␅␆␇␈␉␊␋␌␍␎␏␐␑␒␓␔␕␖␗␘␙␚␛␜␝␞␟
 !"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~␡

␀␁␂␃␄␅␆␇␈␉␊␋␌␍␎␏␐␑␒␓␔␕␖␗␘␙␚␛␜␝␞␟
 !"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~␡

␀␁␂␃␄␅␆␇␈␉␊␋␌␍␎␏␐␑␒␓␔␕␖␗␘␙␚␛␜␝␞␟
 !"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~␡

Downloads

bafrDot

bafrDiagonal

Usage

For web use, include the WOFF2 files with @font-face:

@font-face {
  font-family: 'bafrDot';
  src: url('bafrDot.woff2') format('woff2');
}

@font-face {
  font-family: 'bafrDiagonal';
  src: url('bafrDiagonal.woff2') format('woff2');
}