字体图标的好处：字体图标是矢量的，可以无限放大不模糊，可以通过改变字体颜色color来改变图标颜色；
iconfont官网地址

Qt使用iconfont

1 查找图标添加入库

iconfont网站查找自己想要的图标，并在iconfont中添加入库；

2 下载图标项目代码解压

打开demo_index.html 可以看到所选图标编号

3 Qt内引用

 int fontId = QFontDatabase::addApplicationFont("font/iconfont.ttf");print << fontId;QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId);print << fontFamilies;QFont font;const auto& fontname = fontFamilies.at(0);font.setFamily(fontname);font.setPointSize(40);ui->pushButton->setFont(font);ui->pushButton_2->setFont(font);ui->pushButton->setText(QChar(0xe67c));ui->pushButton_2 ->setText(QChar(0xe6a2));

4 结果

Qt 使用阿里巴巴字体图标库 iconfont相关推荐

阿里巴巴字体图标库iconfont使用步骤
首先给出阿里妈妈图标库官方网址:http://www.iconfont.cn/ 然后选择一个账号注册并登陆: 登陆成功之后就可以选择自己想要的图标了(支持中英文查找,很智能哦): 点击购物车,会出现下 ...
如何使用阿里巴巴字体图标库
1. 阿里巴巴字体图标库官网:http://www.iconfont.cn/ 2.选择自己要用的字体图标,下载到本地. 3.在页面中引用 iconfont.css 这个样式 4.<i class ...
【uni-app怎么引用使用阿里巴巴矢量图标库iconfont】
uni-app引用使用阿里巴巴矢量图标库iconfont 1.新建文件(看了好几篇使用说明和官方说明总结出来的用法) 首先右击项目新建一个目录common和pages同级,右击common文件夹新建一 ...
ant-design-vue 自定义图标，关联阿里巴巴字体图标库，项目已有图标，新下载的图标要重命名重新保存
前一段时间在项目中引入阿里巴巴字体图标库的图标,按步骤走了一遍,但是一直不成功. 刚好需求改了,不需要用图标,就暂时搁浅没在管这个. 今天又有新的需求要用到字体图标,在ant-design-vue官方 ...
阿里巴巴矢量图标库-iconfont使用方式
阿里巴巴矢量图标库-iconfont使用方式在项目开发的过程中,我们经常会使用到图标进行页面的修饰.如果使用图片,往往会遇到失真的情况,而且图片数量很多的话,页面加载也会变得很慢.所以,我们可以使用 ...
阿里巴巴矢量图标库iconfont的素材使用
**阿里巴巴矢量图标库iconfont的素材使用**写于2020年8月5日苏州宜家餐厅昨天首次写的vue脚手架搭建方法,浏览量超过了我的想象,我的分享对于新手来说,应该是很有帮助的,因为我就是个v ...
矢量图标库如何引入html,阿里巴巴矢量图标库 iconfont 的使用方法
做设计的应该会知道"阿里巴巴矢量图标库"这个网站,你可以上传自己设计的图标,也可以下载别人分享的图标. 作为前端,我们也可以更好的利用它,实现网站图标的美化. 首先找到你需要的图标 ...
QT使用阿里巴巴矢量图标库设置窗口图标、菜单栏项图标、工具栏项图标、状态栏图标以及将控件设置为图标
在阿里巴巴矢量图标库官网上下载图标,具体操作在下方有讲解. 在QT项目中设置图标示例. 我总结了一下需要设置图标的地方大致分为5个,如下: 1. 设置窗口图标(利用setWindowIcon()属性实 ...
阿里巴巴矢量图标库iconfont的使用
场景工作中如果用到常用的一些图片去哪寻找. 阿里巴巴矢量图标库: https://www.iconfont.cn/home/index 注: 博客主页: https://blog.csdn.net/ ...

Qt 使用阿里巴巴字体图标库 iconfont

Qt使用iconfont

1 查找图标添加入库

2 下载图标项目代码解压

3 Qt内引用

4 结果

Qt 使用阿里巴巴字体图标库 iconfont相关推荐

最新文章

热门文章