步骤
1.在IconFont平台上传SVG图片阿里巴巴矢量图标
2.下载iconfont字体库
2.1 将您从IconFont平台下载的字体文件(.ttf)添加到工程中;
打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“
2.2 使用IconFont字体:
UILabel* label = [[UILabelalloc] initWithFrame:self.view.bounds];
UIFont*iconfont = [UIFontfontWithName:@"iconFont"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 个字符