欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IconFont的iOS使用

程序员文章站 2022-05-21 17:35:25
IconFont的使用 Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具. https://www.iconfont.cn/ IOS使用 IOS可以直接使用单个icon(svg,png)。也可 ......

iconfont的使用

iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具.

ios使用 ios可以直接使用单个icon(svg,png)。也可以直接引入字体应用:

第一步:将您从iconfont平台下载的字体文件(.ttf)添加到工程中; 打开info.plist文件,增加一个新的array类型的键,键名设置为uiappfonts(fonts provided by application),增加字体的文件名:“iconfont.ttf“

IconFont的iOS使用

 

第二步:使用iconfont字体:

uilabel * label = [[uilabel alloc] initwithframe:self.view.bounds];
uifont *iconfont = [uifont fontwithname:@"uxiconfont" size: 34];
label.font = iconfont;
label.text = @"\u00003439 \u000035ad \u000035ae \u000035af \u000035eb \u000035ec";
[self.view addsubview: label];

这里有两个地方注意下:

创建 uifont 使用的是字体名,而不是文件名; 文本值为 8 位的 unicode 字符,我们可以打开 demo.html 查找每个图标所对应的 html 实体 unicode 码,

比如: "店" 对应的 html 实体 unicode 码为:0x3439 转换后为:\u00003439 就是将 0x 替换为 \u 中间用 0 填补满长度为 8 个字符

 

demo : git地址 https://github.com/jukai9316/iconfontdemo