1.什么是iconfont

iconFont拆开来看，就是 Icon + Font，这样估计大家应该都能理解是什么，那两者结合是什么呢？没错！就是 IconFont ！让开发者像使用字体一样使用图标。如果自己不会做的话，可以直接去阿里的iconfont图标库下载自己需要的图标。

2.为什么要使用iconfont

在开发项目时，不可避免的会用到各种图标，为了适配不同的设备，通常需要@2x和@3x两套图，例如说我们tabBar上使用的图标。有些app有换肤的需要，还需要多套不同的图来进行匹配不同的主题。如果使用切图，这对于设计和开发来说无疑是增加了工作量，而且ipa的体积也会增大。

使用iconfont的好处:

1. 减小ipa包的大小

2. 图标保真缩放，多设备适配一套图解决问题

3. 适应换肤要求，使用方便。

3.怎么用iconfont

1. 首先去iconfont图标库下载自己需要的图标

https://www.iconfont.cn

这里还有一些其他的选择：

https://www.easyicon.net
http://fontello.com
https://icomoon.io

选择图片加入购物车加入项目下载

将iconfont.ttf移到工程中

7DC2D83664562C7A7BBA58630E57D251.jpg

在plist文件中加入字体

48B8BEF8-5922-49DC-9C55-D0F6FF796774.png

使用TBCityIconFont
第三方库实现

//全局设置字体
[TBCityIconFont setFontName:@"iconfont"];

//然后按照编码，字号和字色生成图片
TBCityIconInfo *info = [TBCityIconInfo iconInfoWithText:@"\U0000e656" size:18 color:[UIColor redColor]];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 30, 30)];
[self.view addSubview:imageView];

imageView.image = [UIImage iconWithInfo:info];