iOS中iconfont的基本使用

第一步:从iconfont平台选择要使用到的图标,并下载至本地

动图.gif

第二步:打开从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 码为:&#xe6ec,我们只取圈起来的四个,即转换后为:\U0000e6ec 就是用\U 加圈起来的四个中间用 0 填补满长度为 8 个字符

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容