1.什么是iconfont
iconFont拆开来看,就是 Icon + Font,这样估计大家应该都能理解是什么,那两者结合是什么呢?没错!就是 IconFont !让开发者像使用字体一样使用图标。如果自己不会做的话,可以直接去阿里的iconfont图标库下载自己需要的图标。
2.为什么要使用iconfont
在开发项目时,不可避免的会用到各种图标,为了适配不同的设备,通常需要@2x和@3x两套图,例如说我们tabBar上使用的图标。有些app有换肤的需要,还需要多套不同的图来进行匹配不同的主题。如果使用切图,这对于设计和开发来说无疑是增加了工作量,而且ipa的体积也会增大。
使用iconfont的好处:
-
减小ipa包的大小
-
图标保真缩放,多设备适配一套图解决问题
-
适应换肤要求,使用方便。
3.怎么用iconfont
- 首先去iconfont图标库下载自己需要的图标
这里还有一些其他的选择:
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];
网友评论