pinetime/InfiniTime
1
0
Fork 0
Code Activity
InfiniTime/src/displayapp/fonts
History
Kieran Cawthray d5d8438b60 Merge remote-tracking branch 'upstream/develop' into pinetimestyle-colorpicker
2021-06-25 08:48:16 +02:00
..
icons_sys_48.ttf Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
jetbrains_mono_42.c Revert "Reset" 2021-05-18 17:45:16 +02:00
jetbrains_mono_76.c Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
jetbrains_mono_bold_20.c update main font to keep diffs for future changes small (#420) 2021-06-22 20:56:49 +02:00
jetbrains_mono_extrabold_compressed.c Fixed all the includes that were broken due to the renames 2020-10-02 22:16:48 +03:00
JetBrainsMono-Bold.ttf update main font to keep diffs for future changes small (#420) 2021-06-22 20:56:49 +02:00
lv_font_navi_80.c Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
lv_font_navi_80.json Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
lv_font_sys_48.c Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
lv_font_sys_48.json Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
navigation.ttf Big UI and navigation Rewrite 2021-04-04 03:08:51 +01:00
open_sans_light.c PineTimeStyle 2021-05-18 15:33:25 +02:00
open_sans_light.ttf Add font source file 2021-06-22 21:32:27 +02:00
README.md update main font to keep diffs for future changes small (#420) 2021-06-22 20:56:49 +02:00

README.md

Fonts

Generate the fonts:

  • Open the LVGL font converter
  • 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
  • Click on Convert, and download the file jetbrains_mono_bold_20.c and copy it in src/DisplayApp/Fonts

Add new symbols:

  • Browse the cheatsheet and find your new 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 using this site
  • Define the new symbols in src/displayapp/screens/Symbols.h:
static constexpr const char* newSymbol = "\xEF\x86\x85";

Navigation font

To create the navigtion.ttf I use the web app icomoon this app can import the svg files from the folder src/displayapp/icons/navigation/unique and creat 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

ttf file : navigation.ttf name : lv_font_navi_80 size : 80px Bpp : 2 bit-per-pixel range : 0xe900-0xe929

$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