Using icon font in iOS

Transcript

1. 1.

   在iOS应⽤用中使⽤用 icon font 钟⼦子豪 @PrideChung pride.chung@gmail.com 13年4月21⽇日星期⽇日

2. 2.

   icon font是制作成字体⽂文件的图标。以字体的⽅方式来 显⽰示图标，在 Web 开发中相当流⾏行。 13年4月21⽇日星期⽇日

3. 3.

   e.g 13年4月21⽇日星期⽇日

4. 4.

   13年4月21⽇日星期⽇日

5. 5.

   icon font好处都有啥？ 13年4月21⽇日星期⽇日

6. 6.

   ⽮矢量字体⽂文件，放⼤大不失真 ⼀一次搞定不同分辨率 100% 500% @2x 13年4月21⽇日星期⽇日

7. 7.

   通过代码⽅方便地控制图标属性 13年4月21⽇日星期⽇日

8. 8.

   ⽂文件体积 13年4月21⽇日星期⽇日

9. 9.

   在 Web 开发中使⽤用 icon font 指定字体 指定图标编码 13年4月21⽇日星期⽇日

10. 10.

    在 iOS 中使⽤用 icon font 添加字体 13年4月21⽇日星期⽇日

11. 11.

    ! static dispatch_once_t onceToken; ! dispatch_once(&onceToken, ^{ ! ! NSURL

    * url = [[NSBundle mainBundle] URLForResource:@"FontAwesome" withExtension:@"otf"]; ! ! CGDataProviderRef fontDataProvider = CGDataProviderCreateWithURL((__bridge CFURLRef)url); ! ! CGFontRef newFont = CGFontCreateWithDataProvider(fontDataProvider); ! ! CGDataProviderRelease(fontDataProvider); ! ! CFErrorRef error; ! ! CTFontManagerRegisterGraphicsFont(newFont, &error); ! ! CGFontRelease(newFont); ! }); ! ! UIFont *font = [UIFont fontWithName:@"FontAwesome" size:size]; 运⾏行时注册 在项⺫⽬目的Info.plist中注册 或者 13年4月21⽇日星期⽇日
12. 12.

    ! UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 45, 45)];

    ! label.font = [UIFont fontWithName:@"FontAwesome" size:45]; ! label.text = @"\uf09b"; 13年4月21⽇日星期⽇日
13. 13.

    Live Demo 代码已上传到 https://github.com/PrideChung/Demos/tree/ master/IconFontDemo 13年4月21⽇日星期⽇日

14. 14.

    帮助使⽤用 icon font 的库 13年4月21⽇日星期⽇日

15. 15.

    Font Awesome http://fortawesome.github.io/Font-Awesome/ 13年4月21⽇日星期⽇日

16. 16.

    iconic http://somerandomdude.com/work/iconic/ 13年4月21⽇日星期⽇日

17. 17.

    icon font⼤大搜罗 http://www.qianduan.net/icon-font-large-collecting.html 13年4月21⽇日星期⽇日

18. 18.

    制作 icon font 给你的设计师看这个： http://ux.etao.com/posts/221 13年4月21⽇日星期⽇日

19. 19.

    I’m looking for jobs (Not the Steve one) 13年4月21⽇日星期⽇日

20. 20.

    Thank You 13年4月21⽇日星期⽇日