使用SVG制作WOFF字体,导出后供LVGL使用
环境
LVGL: 9.2.2
来源
SVG:
- FONTAWESOME官网
- FREEPIK官网,上面有很多矢量图,超厉害
- 转换工具上面也有,下面讲
工具
制作
以其中的IconMoon为例,选好需要的图标,点击生成,会得到ttf和woff字体文件,

拿到字体文件后,去LVGL官网字体转换器,填想要的参数,我测试的时候,最下面的glyph color要选上,不然不显示。

然后就是Ragne,在上面IconMoon生成的时候,同时会给出Unicode,把那些写上,就可以了。

接下来,就是如何使用了。有了Unicode还不行,还需要转换。
使用工具,会得到Hex UTF-8 bytes,然后就可以去写LVGL程序了。

程序
#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);


浙公网安备 33010602011771号