iOS中iconfont的基本使用
2017-12-01 本文已影响16人
qiulibi
第一步:从iconfont平台选择要使用到的图标,并下载至本地
第二步:打开从iconfont平台下载下来的文件,并在目录中打开demo_unicode.html,找到图标相对应的 HTML 实体字符码;
image.png
第三步:将从IconFont平台下载的字体文件(.ttf)添加到工程中;
打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“
image.png
第四步:使用IconFont字体:
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 250, 100)];
label.numberOfLines = 0;
label.textColor = [UIColor redColor];
label.font = [UIFont fontWithName:@"iconfont" size:30];
label.text = @"\U0000e6ec \U0000e6f2 \U0000e6f4 \U0000e6f5 \U0000e6f7 哈哈哈";
[self.view addSubview:label];
其中fontWithName中的名称可以从之前打开的html文件中查找
image.png
效果图
Simulator Screen Shot - iPhone 8 Plus - 2017-12-01 at 18.18.42.png
其中还有一点需要主要一下:
· 文本值为 8 位的 Unicode 字符,我们可以从第一张图中找每个图标所对应的 HTML 实体 Unicode 码,比如: "扫一扫" 对应的 HTML 实体 Unicode 码为:,我们只取圈起来的四个,即转换后为:\U0000e6ec 就是用\U 加圈起来的四个中间用 0 填补满长度为 8 个字符