使用SVG制作WOFF字体,导出后供LVGL使用

环境

LVGL: 9.2.2

来源

SVG:

工具

制作

以其中的IconMoon为例,选好需要的图标,点击生成,会得到ttf和woff字体文件,
image
拿到字体文件后,去LVGL官网字体转换器,填想要的参数,我测试的时候,最下面的glyph color要选上,不然不显示。
image
然后就是Ragne,在上面IconMoon生成的时候,同时会给出Unicode,把那些写上,就可以了。
image
接下来,就是如何使用了。有了Unicode还不行,还需要转换。
使用工具,会得到Hex UTF-8 bytes,然后就可以去写LVGL程序了。
image

程序

#define LV_SYMBOL_IWO_CHARGE  "\xEE\xA4\x80"

LV_FONT_DECLARE(fontawesome_iwo);
lv_obj_t* lab = lv_label_create(lv_screen_active());
lv_obj_set_style_text_font(lab,&fontawesome_iwo,0);
lv_label_set_text(lab, LV_SYMBOL_IWO_CHARGE);
lv_obj_set_align(lab, LV_ALIGN_CENTER);

	

image

posted @ 2025-06-01 21:06  njit-sam  阅读(23)  评论(0)    收藏  举报