Draw Font bitmap

How-to
1

Hi,

I wonder how to read font information and draw its bitmap.

For exmaple, this is the info of 1bpp font

/* U+22 “\”" */
0xb6, 0x80,
{.bitmap_index = 3, .adv_w = 76, .box_w = 3, .box_h = 3, .ofs_x = 1, .ofs_y = 5},

In my understanding,
0xb6 => 10110110
0x80 => 10000000

Width = 3 Height =3, so I draw the bitmap like the following.

101
101
101

However, it does not look like \

/* U+23 “#” */
0x28, 0xa2, 0xbf, 0x4b, 0xf5, 0x14,
{.bitmap_index = 5, .adv_w = 103, .box_w = 6, .box_h = 8, .ofs_x = 1, .ofs_y = 0},

Although there are comments for these parameters, I don’t understand how to draw the font manually based on these information.

Could someone show me how the bitmap data draw on the screen?

2

0xb6, 0x80 is the following:

101
101
101

and this is character "
U+22 is not \ it is "
The \ is the escape character for coding the "

0x28, 0xa2, 0xbf, 0x4b, 0xf5, 0x14,
is

001010
001010
001010
111111
010010
111111
010100
010100

And this is #