How to use latin characters ('ã', 'õ', 'ç', ...) in text labels (v.7.10.0)?

How-to
3

Hello @fernandoginez,

The builtin fonts support only basic latin characters, so you need to load your own font.

Either you create C file from your font, or convert any TTF/WOFF/OTF font to binary font which can be loaded runtime:
https://docs.lvgl.io/latest/en/html/overview/font.html#load-font-in-run-time

Font convert tool: https://github.com/lvgl/lv_font_conv/

To convert any font:

  1. Install lv_font_conv:
    npm i lv_font_conv -g
  2. Download any free font which you prefer (and has glyphs for your special characters).
  3. You can check the font (glyphs, supported characters) in online tool:
    https://www.glyphrstudio.com/online/
  4. Run command to convert downloaded font:
    lv_font_conv --font customfont.ttf --output customfont-20.bin --bpp 1 --size 20 --format bin --range 0x20-0x7F --no-compress
    You should of course change the value of --font, --output, --size and --range arguments to your needs. It is recommended to create different sizes of same font to see runtime, which font size is better in your project.
  5. Upload your converted .bin font to your device, and use it:
    https://docs.lvgl.io/latest/en/html/overview/font.html#load-font-in-run-time

Download free fonts:

1 Like