IconFont的iOS使用

IconFont的使用html

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

https://www.iconfont.cn/git

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

相关文章
相关标签/搜索