{"id":3151,"date":"2022-06-13T07:39:14","date_gmt":"2022-06-13T07:39:14","guid":{"rendered":"https:\/\/bitmap2lcd.com\/blog\/?p=3151"},"modified":"2022-06-13T09:08:12","modified_gmt":"2022-06-13T09:08:12","slug":"font-editor-and-generator-for-graphic-lcd-glcd","status":"publish","type":"post","link":"https:\/\/bitmap2lcd.com\/blog\/font-editor-and-generator-for-graphic-lcd-glcd\/","title":{"rendered":"Font Editor and Generator for Graphic LCD (GLCD)"},"content":{"rendered":"\n

About<\/strong> : Font panel and font generator data structures <\/p>\n\n\n\n

Font Panel<\/strong> ( SVG \/ ANSI \/ UNICODE and Editable Fonts ) <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

4 different font categories are available : ANSI<\/strong> and Unicode<\/strong> international System fonts (installed on Windows) , the SVG<\/strong> fonts (for grayscale 256) based on vector graphics for a better anti-aliasing quality, and Freely Editable<\/strong> Font, for customized bitmap glyphs. <\/p>\n\n\n\n

^<\/strong><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Unicode block selection (green frame)<\/p>\n\n\n\n

Font Panel<\/strong> ( EDITABLE Font ) <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

An Editable Font can be an import of a system font + edits or created from scratch.<\/p>\n\n\n\n

In this example only 5 chars<\/p>\n\n\n\n

List of the existing Editable Fonts (blue frame)<\/p>\n\n\n\n

Font Panel<\/strong> ( ANSI Font ) <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Font Settings<\/strong> in 3 panels : Structure<\/strong>, Header<\/strong>, and Data<\/strong> (green frames)<\/p>\n\n\n\n

The parameters can be edited (when green background) in these 3 fields (red frame)<\/p>\n\n\n\n

The chars selected in the Grid (blue frame) will be exported to data<\/p>\n\n\n\n

Font panel <\/strong>> Structure Parameters<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

The Parameters in the green frame are separated for each Data Struct<\/strong>ure (1st Parameter of this list) These data are then present or not in the Descriptor<\/strong> blocs of the output data.<\/p>\n\n\n\n

Font panel <\/strong>> Data Parameters<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Font panel <\/strong>> Headers Parameters<\/p>\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

The font headers such as the description and the font header code exported at the top of the data output.<\/p>\n\n\n\n

Font panel <\/strong>> Font Data Structure<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

>.<<\/p>\n\n\n\n

Data Structures : <\/strong><\/p>\n\n\n\n

Raw Data, Font Bloc, Structured<\/strong> and DMD struct<\/strong> are different outputs layouts for fonts.<\/p>\n\n\n\n

The differences in headers<\/strong>, bitmap glyphs<\/strong> and descriptors<\/strong> <\/p>\n\n\n\n

Example for “RAW Data”<\/strong> structure<\/strong><\/p>\n\n\n\n

Optional descriptors at the end<\/p>\n\n\n\n

 <\/p>\n\n\n\n

\/*  >>> Code Header   *\/<\/strong><\/p>\n\n\n\n

 \/* ( Bitmap Glyphs )  *\/
<\/strong><\/p>\n\n\n\n

 \/* @ 0 Char:’A’ Width in bits :10 *\/<\/strong><\/p>\n\n\n\n

 
 0x08<\/strong> , 0x00<\/strong> ,     \/*  ____#___________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x7F<\/strong> , 0x00<\/strong> ,     \/*  _#######________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 
 \/* @ 20 Char:’B’ Width in bits :10 *\/<\/strong><\/p>\n\n\n\n

 
 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong>      \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 

};
                                          
 const<\/strong> uint8_t Arial_10_1252_(ANSI_-_latin_I)_Descriptors[][] PROGMEM = {                       
                                                              
  
 {0x41<\/strong>,0<\/strong>,10<\/strong>,10<\/strong>,100<\/strong>,160<\/strong>,0<\/strong>,30<\/strong>},                            \/* ‘A’ *\/<\/strong> 
 {0x42<\/strong>,20<\/strong>,10<\/strong>,10<\/strong>,100<\/strong>,160<\/strong>,0<\/strong>,30<\/strong>}                            \/* ‘B’ *\/<\/strong> <\/p>\n\n\n\n

>.<<\/p>\n\n\n\n

Example for “Font BLOC”<\/strong> data structure <\/strong><\/p>\n\n\n\n

Optional Font Header at the top <\/p>\n\n\n\n

Optional descriptors at the top of every bitmap glyph<\/p>\n\n\n\n

const<\/strong> unsigned<\/strong> char<\/strong> Arial_10_1252_(ANSI_-_latin_I)_Bitmaps[] = {)                              
                                                                  

 0x00<\/strong>,0x3E<\/strong>,13<\/strong>,16<\/strong>,0x00<\/strong>,2<\/strong>, (font header)
 
 \/* ‘A’ *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong>,0<\/strong>,10<\/strong>,10<\/strong>,100<\/strong>,160<\/strong>,0<\/strong>,30<\/strong>,
 0x08<\/strong> , 0x00<\/strong> ,     \/*  ____#___________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x7F<\/strong> , 0x00<\/strong> ,     \/*  _#######________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 
 
 \/* ‘B’ *\/<\/strong><\/p>\n\n\n\n

 0x42<\/strong>,20<\/strong>,10<\/strong>,10<\/strong>,100<\/strong>,160<\/strong>,0<\/strong>,30<\/strong>,
 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong>       \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 

};<\/p>\n\n\n\n

>.<<\/p>\n\n\n\n

Example for <\/strong>*Structured” data structure <\/strong><\/p>\n\n\n\n

Bitmap glyphs in blocks, Descriptors in blocks at the end<\/p>\n\n\n\n

\/*  >>> Code Header   *\/<\/strong><\/p>\n\n\n\n

 \/* ( Bitmap Glyphs )  *\/

<\/strong><\/p>\n\n\n\n

static<\/strong> const<\/strong> uint8_t image_data_Arial_10_1252_(ANSI_-_latin_I)_0x41[20<\/strong>] =
{
 
 0x08<\/strong> , 0x00<\/strong> ,     \/*  ____#___________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x7F<\/strong> , 0x00<\/strong> ,     \/*  _#######________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong>      \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

};
<\/p>\n\n\n\n

static<\/strong> const<\/strong> uint8_t image_data_Arial_10_1252_(ANSI_-_latin_I)_0x42[26<\/strong>] =
{
 
 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong>      \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

};


 \/*  >>> Optional Char Descriptors   *\/<\/strong>
 \/* ( Char Adress  Start adress  Width in bits  Height in bits  Char Bytes  Size in bits  X Offset  Y Offset  Char Spacing bits )  *\/<\/strong>
<\/p>\n\n\n\n

static<\/strong> const<\/strong> tImage Arial_10_1252_(ANSI_-_latin_I)_array_[] = {

<\/p>\n\n\n\n

\/\/ character : ‘A’<\/strong>
{0x41<\/strong>,0<\/strong>,10<\/strong>,10<\/strong>,100<\/strong>,160<\/strong>,0<\/strong>,30<\/strong> , &Arial_10_1252_(ANSI_-_latin_I)_0x41},

<\/p>\n\n\n\n

\/\/ character : ‘B’<\/strong>
{0x42<\/strong>,20<\/strong>,10<\/strong>,10<\/strong>,100<\/strong>,160<\/strong>,0<\/strong>,30<\/strong> , &Arial_10_1252_(ANSI_-_latin_I)_0x42}

};<\/p>\n\n\n\n

const<\/strong> tfont  Arial_10_1252_(ANSI_-_latin_I) = { 2<\/strong> , Arial_10_1252_(ANSI_-_latin_I)_array };<\/p>\n\n\n\n

>.<<\/p>\n\n\n\n

Example for <\/strong>“DMD Struct” data structure<\/strong><\/p>\n\n\n\n

Optional Font Header at the top <\/strong><\/p>\n\n\n\n

Descriptors in blocks at the top (Here widths only )<\/p>\n\n\n\n

static<\/strong> const<\/strong> uint8_t Arial_10_1252_(ANSI_-_latin_I)_Bitmaps[2<\/strong>][] PROGMEM = {  
                                                             

 0x00<\/strong>,0x30<\/strong>,13<\/strong>,16<\/strong>,0x00<\/strong>,2<\/strong>, (font header)
 \/*  >>> Code Header   *\/<\/strong><\/p>\n\n\n\n

 \/* ( Width in bits )  *\/<\/strong><\/p>\n\n\n\n

 
 10<\/strong>,                            \/* ‘A’ *\/<\/strong> 
 10<\/strong>                            \/* ‘B’ *\/<\/strong> 
,
 \/* ( Bitmap Glyphs )  *\/
<\/strong><\/p>\n\n\n\n

 \/* @ 0 Char:’A’ Width in bits :10 *\/<\/strong><\/p>\n\n\n\n

 
 0x08<\/strong> , 0x00<\/strong> ,     \/*  ____#___________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x14<\/strong> , 0x00<\/strong> ,     \/*  ___#_#__________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x22<\/strong> , 0x00<\/strong> ,     \/*  __#___#_________  *\/<\/strong><\/p>\n\n\n\n

 0x7F<\/strong> , 0x00<\/strong> ,     \/*  _#######________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 0x80<\/strong> , 0x80<\/strong> ,     \/*  #_______#_______  *\/<\/strong><\/p>\n\n\n\n

 
 \/* @ 20 Char:’B’ Width in bits :10 *\/<\/strong><\/p>\n\n\n\n

 
 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong> ,     \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x41<\/strong> , 0x00<\/strong> ,     \/*  _#_____#________  *\/<\/strong><\/p>\n\n\n\n

 0x7E<\/strong> , 0x00<\/strong>      \/*  _######_________  *\/<\/strong><\/p>\n\n\n\n

 

};<\/p>\n\n\n\n


<\/p>\n\t

\r\n\t