IconFont的iOS使用
程序员文章站
2022-11-27 18:30:27
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字体:
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