Check out how Zildjian's Electronic Drum Kit was brought to life with LVGL!
Frequently
Asked Questions
How to use the font converter?
- Give name to the output font. E.g. ”arial_40”
- Specify the height in px
- Set the bpp (bit-per-piel). Higher value results smoother (anti-aliased) font
- Choose a TTF or WOFF font
- Set a range of Unicode character to include in your font or list the characters in the Symbols field
- Optionally choose another font too and specify the ranges and/or symbols for it as well. The characters will be merged into the final C file.
- Click the Convert button to download the result C file.
How to use the generated fonts in LVGL?
- Copy the result C file into your LVGL project
- In a C file of your application declare the font as:
extern const lv_font_t my_font_name;
or simplyLV_FONT_DECLARE(my_font_name);
- Set the font in a style:
style.text.font = &my_font_name;
Useful notes
- Unicode table to pick letters: https://unicode-table.com/
- Unicode ranges http://jrgraphix.net/research/unicode.php
- A pixel perfect font: Terminus.
- List of built-in symbols Use this FontAwesome symbol font and copy this list to Range:
61441,61448,61451,61452,61452,61453,61457,61459,61461,61465,61468,61473,61478,61479,61480,61502,61512,61515,61516,61517,61521,61522,61523,61524,61543,61544,61550,61552,61553,61556,61559,61560,61561,61563,61587,61589,61636,61637,61639,61671,61674,61683,61724,61732,61787,61931,62016,62017,62018,62019,62020,62087,62099,62212,62189,62810,63426,63650
- To learn more about the font handling of LVGL read this Guide