Hi @JurgenVanGoethem. By default, the lv_font_montserrat_14 font is the only one enabled for use in your sketches. You can enable additional fonts by modifying the configuration file.
Background
An important thing to understand is that when you use the "Arduino_H7_Video" library in your sketch, the library provides a lv_conf.h file that is configured for use with the GIGA Display Shield. That configuration is used instead of the configuration file you might add to the "lvgl" library if you follow instructions or tutorials for the configuration of the lvgl library:
https://docs.lvgl.io/9.4/details/integration/frameworks/arduino.html#configure-lvgl
A. Create Custom LVGL Configuration Library
It is possible to adjust the LVGL configuration by editing the configuration file that is bundled with the Arduino_H7_Video library. However, if you do that then all your modifications will be lost each time you use the Arduino IDE Boards Manager to update to a new version of the "Arduino Mbed OS Giga Boards" platform (the Arduino_H7_Video library is bundled with the platform). A better approach is to create a simple Arduino library and store your custom LVGL configuration in that library. This library will not be lost through updates of the Arduino Mbed OS Giga Boards platform and you can create as many of these libraries as you like if you want to use different configurations for different projects.
- Start Arduino IDE if it is not already running.
- Select File > Preferences... (or Arduino IDE > Settings... for macOS users) from the Arduino IDE menus.
The "Preferences" dialog will open.
- Take note of the path shown in the "Sketchbook location" field of the dialog.
- Click the "CANCEL" button.
The "Preferences" dialog will close.
- Use your file manager to create a new folder named
MyLVGLConfig under the libraries subfolder of the "sketchbook location" path.
ⓘ You can name the folder anything you like as long as it only contains basic characters and no spaces (A-z, 0-9, _, -, .).
- Create a new file named
MyLVGLConfig.h in the MyLVGLConfig folder.
- Click the following link to open the GitHub page for the Arduino_H7_Video library's LVGL 9.x configuration file in your web browser:
ArduinoCore-mbed/libraries/Arduino_H7_Video/src/lv_conf_9.h at main · arduino/ArduinoCore-mbed · GitHub
- Click the downward pointing arrow icon ("Download raw file") at the right side of the toolbar:
- Wait for the download to finish.
- Copy the downloaded file to the
MyLVGLConfig folder you created in the previous step of these instructions.
- Rename the downloaded file to
lv_conf.h.
You must have the following folder structure:
<sketchbook location>/
├── libraries/
│ ├── MyLVGLConfig/
│ │ ├── MyLVGLConfig.h
│ │ └── lv_conf.h
│ ...
...
B. Customize LVGL Configuration
The lv_conf.h file in the library you created by following the above procedure contains a configuration for using the 9.x versions of LVGL with the GIGA Display Shield. This provides a convenient starting point for your own custom LVGL configuration.
I'll provide instructions you can follow to enable LVGL's lv_font_montserrat_20 font for use in your Arduino sketches. If you would like to use a different font, just adjust the instructions accordingly.
- Use any text editor to open the
lv_conf.h file from the library you created.
- Find this line in the file:
#define LV_FONT_MONTSERRAT_20 0
- Change that line to:
#define LV_FONT_MONTSERRAT_20 1
- Save the file
C. Use the Custom LVGL Configuration
To use the custom LVGL configuration in an Arduino sketch, just add the following line to the top of the sketch:
#include <MyLVGLConfig.h>
The #include directive for MyLVGLConfig.h must be placed at some line above the line of the #include directive for Arduino_H7_Video.h in your sketch.
You can now use the lv_font_montserrat_20 font in your sketch. The sketch should now compile successfully and work as expected when you upload it to the GIGA R1 WiFi board.
I'll provide a minimal "hello world" example of using the custom configuration in a sketch:
#include <MyLVGLConfig.h> // This must be placed above the #include directive for Arduino_H7_Video.h
#include <Arduino_H7_Video.h>
#include <lvgl.h>
#include <font/lv_font.h>
// The constructor's default parameter values are appropriate for the GIGA Display Shield when compiling for the GIGA R1
// WiFi board.
Arduino_H7_Video Display;
void setup() {
Display.begin();
lv_obj_t *label = lv_label_create(lv_screen_active());
lv_style_value_t labelFontStyleValue;
// NOTE: The LV_FONT_MONTSERRAT_20 macro must be defined in lv_conf.h to use lv_font_montserrat_20.
labelFontStyleValue.ptr = &lv_font_montserrat_20;
lv_obj_set_local_style_prop(label, LV_STYLE_TEXT_FONT, labelFontStyleValue, 0);
lv_label_set_text(label, "Hello, world!");
lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);
}
void loop() {
lv_timer_handler();
}
