Skip to content

中文字库

需要字体文件(ttf, otf等)

C:\Windows\Fonts这一个文件夹里面有, 不是每一个都是可以商用的

Online font converter - TTF or WOFF fonts to C array | LVGL在线转换工具

image-20240603192848130

image-20240603192958067

字符集Unicode 编码范围
基本汉字0x4E00-0x9FA5
数字、拉丁字母、标点符号0x20-0x7E

image-20240603193753701

c
LV_FONT_DECLARE(Font30)       /* 声明字体 */

void my_gui(void)
{
    lv_obj_t *font_label = lv_label_create(lv_scr_act());
    lv_obj_set_style_text_font(font_label, &Font30, LV_STATE_DEFAULT);
    lv_label_set_text(font_label, "我是天才");
    lv_obj_center(font_label);
}

特殊图标

在使用特殊的图标的时候, 需要使用这一个图标的Unicode码, 之后需要的是UTF-8码,所以,需要把Unicode码转换成UTF-8编码才行。转换编码,可以使用下面的在线工具。

UTF-8工具:https://www.cogsci.ed.ac.uk/~richard/utf-8.cgi?input=F146&mode=hex

天气图标

和风天气官方提供了每个天气状况对应的图标,这些图标可以做成图片显示,也可以做成字体显示

awesome字体:用来显示温湿度的符号。

LVGL已经包含的57个就是awesome图标

awesome字体的下载链接如下。

官方下载链接:https://fontawesome.com/download

因为温湿度的符号用键盘打不出来,所以只能在Range一栏写它的Unicode码。

温湿度符号的Unicode码是多少,可以在awesome官方网站对应符号页面看到。

温度符号页面链接:https://fontawesome.com/icons/temperature-three-quarters?f=classic&s=solid

湿度符号页面链接:https://fontawesome.com/icons/droplet?f=classic&s=solid

image-20240606202147082

天气图标的Unicode码查看,需要使用一个字体编辑软件查看,比如Font Creator。

Font Creator软件下载地址:https://www.xitongzhijia.net/soft/116980.html

软件仅供交流学习使用,尊重版权,拒绝盗版,从你我做起。

使用Font Creator软件打开qweather-icon.ttf字体文件,就可以看到每个图标的Unicode码了,如下图所示。

天气图标的Unicode码查看,需要使用一个字体编辑软件查看,比如Font Creator。

Font Creator软件下载地址:https://www.xitongzhijia.net/soft/116980.html

使用Font Creator软件打开qweather-icon.ttf字体文件,就可以看到每个图标的Unicode码了

https://dev.qweather.com/docs/resource/icons/

上面这个链接可以查到各种天气图标对应的图标代码, 之后使用Font Creator软件获取所有需要使用的图标的Unicode编码