qt使用矢量图字体ttf作为图标

本文介绍了如何在Qt项目中使用iconfont平台提供的矢量图字体ttf作为图标,阐述了使用字体图标的优点,并详细讲解了从下载字体文件到在qml中应用的全过程。
摘要由CSDN通过智能技术生成

TTF(TrueTypeFont)是Apple公司和Microsoft公司共同推出的字体文件格式,TTF是最常用的一种字体文件表示方式。

iconfont平台

阿里打造的矢量图标管理 iconfont 平台。设计师将图标上传到 iconfont 平台,用户可下载多种格式的icon。
iconfont 平台可将图标转换为字体,便于前端工程师自由调整与调用。

使用字体图标的优势

矢量图形相比图片大大节省了存储空间,而且在屏幕的显示效果很好,不再为了适配屏幕而准备两套图了。

2种矢量图标:
一种是svg矢量图标,支持渐变,颜色设置等等。
一种是ttf矢量图标,ttf是我们常用的字体格式。

位图(如png图标)的缺点:png图标缩放之后会失真,也不能在程序中修改图标颜色。
图像清晰度:在屏幕的显示效果很好,不再为了适配而准备两套图了。

适用性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍大小的图像)要小。一旦图标字体加载了,你的图标就会马上渲染出来,不需要下载一个图像。

可扩展性:图标字体可以用过font-size属性设置大小。能够随时输出不同大小的图标,而使用位图,你必须得为每个不同大小的图像输出一个不同文件。

灵活性:文字效果(包括颜色,阴影和翻转等效果),可以很容易地应用到图标上,。它们还可以在任何背景下显示。

兼容性:网页字体支持所有现代浏览器。

如何使用iconfont平台的字体图标

iconfont字体图标的使用。ico

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值