Update font readme, update fonts, add missing files

Author: Riksu9000

src/displayapp/fonts/JetBrainsMono-Bold.ttf

@@ -7,20 +7,12 @@
 ## Generate the fonts:
 
 * Open the [LVGL font converter](https://lvgl.io/tools/fontconverter)
-* Name : jetbrains_mono_bold_20
-* Size : 20
-* Bpp : 1 bit-per-pixel
-* Do not enable font compression and horizontal subpixel hinting
-* Load the file `JetBrainsMono-Bold.tff` (use the file in this repo to ensure the version matches) and specify the following range : `0x20-0x7f, 0x410-0x44f`
-* Add a 2nd font, load the file `FontAwesome5-Solid+Brands+Regular.woff` and specify the following
-  range : `0xf293, 0xf294, 0xf244, 0xf240, 0xf242, 0xf243, 0xf241, 0xf54b, 0xf21e, 0xf1e6, 0xf54b, 0xf017, 0xf129, 0xf03a, 0xf185, 0xf560, 0xf001, 0xf3fd, 0xf069, 0xf1fc, 0xf45d, 0xf59f, 0xf5a0, 0xf029, 0xf027, 0xf028, 0xf6a9, 0xf04b, 0xf04c, 0xf048, 0xf051, 0xf095, 0xf3dd, 0xf04d, 0xf2f2, 0xf024, 0xf252, 0xf569, 0xf201, 0xf06e, 0xf015, 0xf072`
-* Click on Convert, and download the file `jetbrains_mono_bold_20.c` and copy it in `src/DisplayApp/Fonts`
-* Add the font .c file path to src/CMakeLists.txt
-* Add an LV_FONT_DECLARE line in src/libs/lv_conf.h
+* Enter the settings for the font that you wish to convert
+* Click on Convert, download the file and place it in `src/DisplayApp/Fonts`
 
-Add new symbols:
+### How to add new symbols:
 
-* Browse the [cheatsheet](https://fontawesome.com/cheatsheet/free/solid) and find your new symbols
+* Browse [this cheatsheet](https://fontawesome.com/cheatsheet/free/solid) and pick symbols
 * For each symbol, add its hex code (0xf641 for the 'Ad' icon, for example) to the *Range* list (Remember to keep this
   readme updated with newest range list)
 * Convert this hex value into a UTF-8 code
@@ -31,7 +23,18 @@ Add new symbols:
 static constexpr const char* newSymbol = "\xEF\x86\x85";
 ```
 
-Then fix an error that happens during the font conversion (the inner dot of the 'zero' symbol sticks to the boundary): edit `src/displayapp/fonts/jetbrains_mono_bold_20.c` and replace:
+### Small font
+
+* Name: jetbrains_mono_bold_20
+* Size: 20
+* Bpp: 1 bit-per-pixel
+* Do not enable font compression or horizontal subpixel rendering
+* Load the file `JetBrainsMono-Bold.tff` (use the file in this repo to ensure the version matches) and specify the following range : `0x20-0x7e, 0x410-0x44f`
+* Add a 2nd font, load the file `FontAwesome5-Solid+Brands+Regular.woff` and specify the following
+  range : `0xf293, 0xf294, 0xf244, 0xf240, 0xf242, 0xf243, 0xf241, 0xf54b, 0xf21e, 0xf1e6, 0xf54b, 0xf017, 0xf129, 0xf03a, 0xf185, 0xf560, 0xf001, 0xf3fd, 0xf069, 0xf1fc, 0xf45d, 0xf59f, 0xf5a0, 0xf029, 0xf027, 0xf028, 0xf6a9, 0xf04b, 0xf04c, 0xf048, 0xf051, 0xf095, 0xf3dd, 0xf04d, 0xf2f2, 0xf024, 0xf252, 0xf569, 0xf201, 0xf06e, 0xf015, 0xf072`
+* Fix an error in the font conversion.
+
+Replace the following:
 
     /* U+0030 "0" */
     0x3f, 0x1f, 0xef, 0x3f, 0x87, 0xe1, 0xf8, 0x7f,
@@ -47,25 +50,34 @@ with
 
 (there are two changes: 7f -> 7e and f7 -> b7)
 
-## Simple method to generate a font
 
-If you want to generate a basic font containing only numbers and letters, you can use the above settings but instead of specifying a range, simply list the characters you need in the Symbols field and leave the range blank. This is the approach used for the PineTimeStyle watchface.
-This works well for fonts which will only be used to display numbers, but will fail if you try to add a colon or other punctuation.
+### Medium font
+
+* Name: jetbrains_mono_42
+* Size: 42
+* Bpp: 1 bit-per-pixel
+* Do not enable font compression or horizontal subpixel rendering
+* Load the file `JetBrainsMono-Regular.tff` (use the file in this repo to ensure the version matches) and specify the following range : `0x25, 0x30-0x3a`
+
+### Large font
+* Name: jetbrains_mono_76
+* Size: 76
+* Bpp: 1 bit-per-pixel
+* Do not enable font compression or horizontal subpixel rendering
+* Load the file `JetBrainsMono-Regular.tff` (use the file in this repo to ensure the version matches) and specify the following range : `0x25, 0x2D, 0x2F, 0x30-0x3a`
+
+### PineTimeStyle font
 
-* Open the [LVGL font converter](https://lvgl.io/tools/fontconverter)
 * Name : open_sans_light
 * Size : 150
 * Bpp : 1 bit-per-pixel
-* Do not enable font compression and horizontal subpixel hinting
+* Do not enable font compression or horizontal subpixel rendering
 * Load the file `open_sans_light.tff` (use the file in this repo to ensure the version matches) and specify the following symbols : `0123456789`
-* Click on Convert, and download the file `open_sans_light.c` and copy it in `src/DisplayApp/Fonts`
-* Add the font .c file path to src/CMakeLists.txt (search for jetbrains to find the appropriate location/format)
-* Add an LV_FONT_DECLARE line in src/libs/lv_conf.h (as above)
 
 #### Navigation font
 
 To create the navigtion.ttf I use the web app [icomoon](https://icomoon.io/app)
-this app can import the svg files from the folder *src/displayapp/icons/navigation/unique* and creat a ttf file the
+this app can import the svg files from the folder *src/displayapp/icons/navigation/unique* and create a ttf file the
 project for the site is *lv_font_navi_80.json* you can import it to add or remove icons
 
 You can also use the online LVGL tool to create the .c
@@ -74,5 +86,3 @@ ttf file : navigation.ttf name : lv_font_navi_80 size : 80px Bpp : 2 bit-per-pix
 
 $lv_font_conv --font navigation.ttf -r '0xe900-0xe929' --size 80 --format lvgl --bpp 2 --no-prefilter -o
 lv_font_navi_80.c
-
-#### I use the method above to create the other ttf

src/displayapp/fonts/JetBrainsMono-Regular.ttf

@@ -61,26 +61,26 @@ static LV_ATTRIBUTE_LARGE_CONST const uint8_t glyph_bitmap[] = {
     0xff, 0xf8,
 
     /* U+0032 "2" */
-    0x3, 0xf8, 0x1, 0xff, 0xc0, 0x7f, 0xfe, 0x1f,
-    0x7, 0xc7, 0xc0, 0x3c, 0xf0, 0x7, 0xbc, 0x0,
+    0x3, 0xf8, 0x1, 0xff, 0xc0, 0xff, 0xfc, 0x1f,
+    0x7, 0xc7, 0xc0, 0x7c, 0xf0, 0x7, 0xbc, 0x0,
     0x7f, 0x80, 0xf, 0xf0, 0x1, 0xe0, 0x0, 0x3c,
     0x0, 0x7, 0x80, 0x1, 0xf0, 0x0, 0x3c, 0x0,
     0xf, 0x80, 0x1, 0xe0, 0x0, 0x7c, 0x0, 0x1f,
-    0x0, 0x7, 0xc0, 0x1, 0xf0, 0x0, 0x7e, 0x0,
-    0xf, 0x80, 0x3, 0xe0, 0x0, 0xf8, 0x0, 0x3e,
+    0x0, 0x7, 0xc0, 0x1, 0xf0, 0x0, 0x7c, 0x0,
+    0x1f, 0x0, 0x3, 0xc0, 0x0, 0xf0, 0x0, 0x3e,
     0x0, 0xf, 0x80, 0x3, 0xe0, 0x0, 0xf8, 0x0,
     0x3e, 0x0, 0x7, 0xff, 0xfe, 0xff, 0xff, 0xdf,
     0xff, 0xf8,
 
     /* U+0033 "3" */
     0x7f, 0xff, 0x8f, 0xff, 0xf1, 0xff, 0xfe, 0x0,
     0x3, 0xc0, 0x0, 0xf0, 0x0, 0x3c, 0x0, 0xf,
-    0x0, 0x3, 0xc0, 0x0, 0xf0, 0x0, 0x3e, 0x0,
-    0x7, 0x80, 0x1, 0xfe, 0x0, 0x3f, 0xf0, 0x7,
-    0xff, 0x0, 0x3, 0xf0, 0x0, 0x1e, 0x0, 0x3,
-    0xc0, 0x0, 0x3c, 0x0, 0x7, 0x80, 0x0, 0xf0,
+    0x0, 0x3, 0xe0, 0x0, 0x78, 0x0, 0x1e, 0x0,
+    0x7, 0x80, 0x1, 0xfc, 0x0, 0x3f, 0xe0, 0x7,
+    0xfe, 0x0, 0xff, 0xe0, 0x0, 0x3e, 0x0, 0x3,
+    0xc0, 0x0, 0x7c, 0x0, 0x7, 0x80, 0x0, 0xf0,
     0x0, 0x1e, 0x0, 0x3, 0xfc, 0x0, 0x7f, 0x80,
-    0xf, 0xf0, 0x1, 0xef, 0x0, 0x79, 0xf0, 0x1f,
+    0xf, 0xf0, 0x1, 0xff, 0x0, 0x79, 0xe0, 0x1f,
     0x1f, 0x7, 0xc3, 0xff, 0xf0, 0x1f, 0xfc, 0x0,
     0xfe, 0x0,
 
@@ -245,7 +245,7 @@ lv_font_t jetbrains_mono_42 = {
 #if !(LVGL_VERSION_MAJOR == 6 && LVGL_VERSION_MINOR == 0)
     .subpx = LV_FONT_SUBPX_NONE,
 #endif
-#if LV_VERSION_CHECK(7, 4, 0)
+#if LV_VERSION_CHECK(7, 4, 0) || LVGL_VERSION_MAJOR >= 8
     .underline_position = -7,
     .underline_thickness = 2,
 #endif

src/displayapp/fonts/README.md

@@ -175,30 +175,30 @@ static LV_ATTRIBUTE_LARGE_CONST const uint8_t glyph_bitmap[] = {
     0xff, 0xff, 0xff, 0xff, 0xff, 0xff,
 
     /* U+0032 "2" */
-    0x0, 0x7, 0xfc, 0x0, 0x0, 0x1f, 0xff, 0xe0,
+    0x0, 0xf, 0xfc, 0x0, 0x0, 0x1f, 0xff, 0xe0,
     0x0, 0x1f, 0xff, 0xfe, 0x0, 0xf, 0xff, 0xff,
-    0xe0, 0x7, 0xff, 0xff, 0xfc, 0x3, 0xff, 0xff,
-    0xff, 0x81, 0xff, 0xc0, 0x7f, 0xe0, 0xff, 0x80,
+    0xc0, 0x7, 0xff, 0xff, 0xf8, 0x3, 0xff, 0xff,
+    0xff, 0x1, 0xff, 0xc0, 0x7f, 0xe0, 0xff, 0x80,
     0x7, 0xfc, 0x3f, 0xc0, 0x0, 0xff, 0x1f, 0xe0,
     0x0, 0x1f, 0xe7, 0xf0, 0x0, 0x3, 0xf9, 0xfc,
-    0x0, 0x0, 0xfe, 0xff, 0x0, 0x0, 0x1f, 0xff,
+    0x0, 0x0, 0xfe, 0xff, 0x0, 0x0, 0x3f, 0xff,
     0x80, 0x0, 0x7, 0xff, 0xe0, 0x0, 0x1, 0xff,
     0xf8, 0x0, 0x0, 0x7f, 0xfe, 0x0, 0x0, 0x1f,
     0xc0, 0x0, 0x0, 0x7, 0xf0, 0x0, 0x0, 0x1,
     0xfc, 0x0, 0x0, 0x0, 0x7f, 0x0, 0x0, 0x0,
-    0x3f, 0xc0, 0x0, 0x0, 0xf, 0xe0, 0x0, 0x0,
-    0x7, 0xf8, 0x0, 0x0, 0x1, 0xfe, 0x0, 0x0,
-    0x0, 0xff, 0x0, 0x0, 0x0, 0x3f, 0xc0, 0x0,
+    0x3f, 0x80, 0x0, 0x0, 0xf, 0xe0, 0x0, 0x0,
+    0x7, 0xf8, 0x0, 0x0, 0x1, 0xfc, 0x0, 0x0,
+    0x0, 0xff, 0x0, 0x0, 0x0, 0x3f, 0x80, 0x0,
     0x0, 0x1f, 0xe0, 0x0, 0x0, 0xf, 0xf0, 0x0,
-    0x0, 0x7, 0xfc, 0x0, 0x0, 0x3, 0xfe, 0x0,
-    0x0, 0x0, 0xff, 0x0, 0x0, 0x0, 0x7f, 0xc0,
-    0x0, 0x0, 0x3f, 0xe0, 0x0, 0x0, 0x1f, 0xf0,
+    0x0, 0x7, 0xf8, 0x0, 0x0, 0x3, 0xfe, 0x0,
+    0x0, 0x1, 0xff, 0x0, 0x0, 0x0, 0xff, 0x80,
+    0x0, 0x0, 0x3f, 0xc0, 0x0, 0x0, 0x1f, 0xe0,
     0x0, 0x0, 0xf, 0xf8, 0x0, 0x0, 0x7, 0xfc,
     0x0, 0x0, 0x3, 0xfe, 0x0, 0x0, 0x1, 0xff,
     0x0, 0x0, 0x0, 0xff, 0x80, 0x0, 0x0, 0x7f,
     0xc0, 0x0, 0x0, 0x3f, 0xe0, 0x0, 0x0, 0x1f,
-    0xf8, 0x0, 0x0, 0xf, 0xfc, 0x0, 0x0, 0x7,
-    0xfe, 0x0, 0x0, 0x1, 0xff, 0x0, 0x0, 0x0,
+    0xf0, 0x0, 0x0, 0xf, 0xf8, 0x0, 0x0, 0x7,
+    0xfc, 0x0, 0x0, 0x3, 0xfe, 0x0, 0x0, 0x0,
     0xff, 0x80, 0x0, 0x0, 0x7f, 0xc0, 0x0, 0x0,
     0x3f, 0xe0, 0x0, 0x0, 0x1f, 0xf0, 0x0, 0x0,
     0xf, 0xf8, 0x0, 0x0, 0x7, 0xfc, 0x0, 0x0,
@@ -214,22 +214,22 @@ static LV_ATTRIBUTE_LARGE_CONST const uint8_t glyph_bitmap[] = {
     0xff, 0x80, 0x0, 0x0, 0xf, 0xe0, 0x0, 0x0,
     0x7, 0xf0, 0x0, 0x0, 0x3, 0xf8, 0x0, 0x0,
     0x1, 0xfc, 0x0, 0x0, 0x0, 0xfe, 0x0, 0x0,
-    0x0, 0x7f, 0x80, 0x0, 0x0, 0x1f, 0xc0, 0x0,
-    0x0, 0xf, 0xe0, 0x0, 0x0, 0x7, 0xf0, 0x0,
+    0x0, 0x7f, 0x80, 0x0, 0x0, 0x3f, 0xc0, 0x0,
+    0x0, 0x1f, 0xe0, 0x0, 0x0, 0x7, 0xf0, 0x0,
     0x0, 0x3, 0xf8, 0x0, 0x0, 0x1, 0xfc, 0x0,
-    0x0, 0x0, 0xfe, 0x0, 0x0, 0x0, 0x7f, 0x80,
+    0x0, 0x0, 0xff, 0x0, 0x0, 0x0, 0x7f, 0x80,
     0x0, 0x0, 0x3f, 0xc0, 0x0, 0x0, 0x1f, 0xe0,
-    0x0, 0x0, 0x7, 0xff, 0x80, 0x0, 0x1, 0xff,
+    0x0, 0x0, 0x7, 0xff, 0xc0, 0x0, 0x1, 0xff,
     0xfc, 0x0, 0x0, 0x7f, 0xff, 0xc0, 0x0, 0x1f,
     0xff, 0xf8, 0x0, 0x7, 0xff, 0xff, 0x0, 0x1,
-    0xff, 0xff, 0xe0, 0x0, 0x0, 0x1f, 0xfc, 0x0,
-    0x0, 0x1, 0xff, 0x0, 0x0, 0x0, 0x3f, 0xe0,
+    0xff, 0xff, 0xe0, 0x0, 0x0, 0xf, 0xfc, 0x0,
+    0x0, 0x1, 0xff, 0x0, 0x0, 0x0, 0x1f, 0xe0,
     0x0, 0x0, 0x7, 0xf8, 0x0, 0x0, 0x0, 0xfe,
     0x0, 0x0, 0x0, 0x3f, 0xc0, 0x0, 0x0, 0x7,
     0xf0, 0x0, 0x0, 0x1, 0xfc, 0x0, 0x0, 0x0,
     0x7f, 0x0, 0x0, 0x0, 0x1f, 0xc0, 0x0, 0x0,
     0x7, 0xf0, 0x0, 0x0, 0x1, 0xfc, 0x0, 0x0,
-    0x0, 0x7f, 0x0, 0x0, 0x0, 0x1f, 0xff, 0x80,
+    0x0, 0x7f, 0xfe, 0x0, 0x0, 0x1f, 0xff, 0x80,
     0x0, 0x7, 0xff, 0xe0, 0x0, 0x1, 0xff, 0xf8,
     0x0, 0x0, 0x7f, 0xff, 0x0, 0x0, 0x3f, 0xdf,
     0xc0, 0x0, 0xf, 0xe7, 0xf8, 0x0, 0x7, 0xf9,
@@ -466,10 +466,10 @@ static const lv_font_fmt_txt_glyph_dsc_t glyph_dsc[] = {
     {.bitmap_index = 878, .adv_w = 730, .box_w = 34, .box_h = 56, .ofs_x = 7, .ofs_y = 0},
     {.bitmap_index = 1116, .adv_w = 730, .box_w = 34, .box_h = 57, .ofs_x = 6, .ofs_y = 0},
     {.bitmap_index = 1359, .adv_w = 730, .box_w = 34, .box_h = 57, .ofs_x = 5, .ofs_y = -1},
-    {.bitmap_index = 1602, .adv_w = 730, .box_w = 32, .box_h = 56, .ofs_x = 6, .ofs_y = 0},
+    {.bitmap_index = 1602, .adv_w = 730, .box_w = 32, .box_h = 56, .ofs_x = 5, .ofs_y = 0},
     {.bitmap_index = 1826, .adv_w = 730, .box_w = 32, .box_h = 57, .ofs_x = 7, .ofs_y = -1},
     {.bitmap_index = 2054, .adv_w = 730, .box_w = 36, .box_h = 58, .ofs_x = 5, .ofs_y = -1},
-    {.bitmap_index = 2315, .adv_w = 730, .box_w = 36, .box_h = 56, .ofs_x = 5, .ofs_y = 0},
+    {.bitmap_index = 2315, .adv_w = 730, .box_w = 36, .box_h = 56, .ofs_x = 6, .ofs_y = 0},
     {.bitmap_index = 2567, .adv_w = 730, .box_w = 36, .box_h = 58, .ofs_x = 5, .ofs_y = -1},
     {.bitmap_index = 2828, .adv_w = 730, .box_w = 36, .box_h = 57, .ofs_x = 5, .ofs_y = 0},
     {.bitmap_index = 3085, .adv_w = 730, .box_w = 13, .box_h = 44, .ofs_x = 16, .ofs_y = -1}
@@ -541,7 +541,7 @@ lv_font_t jetbrains_mono_76 = {
 #if !(LVGL_VERSION_MAJOR == 6 && LVGL_VERSION_MINOR == 0)
     .subpx = LV_FONT_SUBPX_NONE,
 #endif
-#if LV_VERSION_CHECK(7, 4, 0)
+#if LV_VERSION_CHECK(7, 4, 0) || LVGL_VERSION_MAJOR >= 8
     .underline_position = -12,
     .underline_thickness = 4,
 #endif