IconFont的使用html
Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具.前端
IOS使用 IOS能够直接使用单个icon(svg,png)。也能够直接引入字体应用:github
第一步:将您从IconFont平台下载的字体文件(.ttf)添加到工程中; 打开Info.plist文件,增长一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增长字体的文件名:“iconfont.ttf“app
第二步:使用IconFont字体:ide
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];
这里有两个地方注意下:svg
建立 UIFont 使用的是字体名,而不是文件名; 文本值为 8 位的 Unicode 字符,咱们能够打开 demo.html 查找每一个图标所对应的 HTML 实体 Unicode 码,工具
好比: "店" 对应的 HTML 实体 Unicode 码为:0x3439 转换后为:\U00003439 就是将 0x 替换为 \U 中间用 0 填补满长度为 8 个字符字体
demo : git地址 https://github.com/jukai9316/IconFontDemospa