如何使用自定义字体

在讲icon font之前,首先先来看看普通自定义字体是如何在ios中使用的,两个原理是一样的。这里以KaushanScript-Regular为例:
 
Step 1: 导入字体文件
将字体文件拖入项目(ios支持的字体格式有:.ttf、.otf,其他格式不确定):
 
 
然后再在项目的资源池中确认字体文件是否加入项目,打开xcode项目的Build Phases中查看:
 
Step 2: 配置.plist文件
在.plist文件中注册新加入的字体,.plist文件往往以“[appname]-Info.plist”的形式存在于“Supporting Files”文件夹内。 在.plist文件中添加新属性“Fonts provided by application”,该属性的值是一个数组,这意味着可以在这里注册多个字体。
 
 
Step 3: 找到字体集名称
注册完,我们需要检测是否注册成功且取得新字体名称,检测方法就是把所有安装了的字体都打印出来,看看新注册的字体是否在里面:
 
  1. for (NSString* family in [UIFont familyNames])
  2. {
  3. NSLog(@"%@", family);
  4. for (NSString* name in [UIFont fontNamesForFamilyName: family])
  5. {
  6. NSLog(@"  %@", name);
  7. }
  8. }
 
 
运行完,查看控制台里打印出的所有字体集中是否有新注册的字体,如果有,说明注册成功,并将字体名(在这里是“Kaushan Script”)记住留到后面用。
 
 
Step 4: 使用新字体
最后,就是使用你最新加入的字体啦:
  1. UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 60, 300, 50)];
  2. label.font = [UIFont fontWithName:@"Kaushan Script" size:35];
  3. label.text = @"icon font";
  4. label.textColor = UIColorFromRGB(0xFF7300);
  5. [self.view addSubview:label];
 
效果:
 
开始使用icon font
图标字体也是字体,使用方式和上面所说的差不多,只是在套用上有些差别;这里拿fontello的图标字体库为例。
 
1.选择需要的图标
在fontello的图标字体库选择自己需要的图标,并下载生成的字体文件。
 
2.按照上面的步骤将图标字体注册到项目中
3.找到图标对应的unicode码
使用FontLab Studio 5工具打开字体文件(比如fontello.ttf),就可以看到图标与unicode码之间的对应关系啦。
 
 
4.使用图标
 
  1. UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 60, 300, 50)];
  2. label.font = [UIFont fontWithName:@"fontello" size:35];
  3. label.text = @"\U0000E802 \U0000E801 \U0000E803 \U0000E804 \U0000E805 \U0000E81A";
  4. label.textColor = UIColorFromRGB(0xFF7300);
  5. [self.view addSubview:label];
 
 
 
5.使用emoji表情库
这里还可以使用苹果emoji表情库的图标,这里不需要新加字体库,只要找到emoji图标和unicode之间的对应关系就好,但是这些图标都不是矢量图,缩放请自重。
  1. UILabel *label5 = [[UILabel alloc] initWithFrame:CGRectMake(10, 480, 300, 50)];
  2. label5.text = @"\U0000e42a\U0000e525\U0000e41c";
  3. [self.view addSubview:label5];
 
6.效果
 
7.使用自制图标字体
如果上面介绍的图标库还满足不了你的需求,或者需要的图标分布在多个图标库而不能集中到一个字体文件中;那么你可能需要自己去制作图标字体文件了。
 
总结
这样,在iOS开发上,不仅可以直接去开源图标库找现成的图标用到项目中,而且还可以轻松地改变图标的颜色、大小,相信可以解放不少设计师和工程师的工作量。
 
上代码
 
图标字体库
etao图标字体库(这里有个问题要注意,etao的图标字体名为“Untitled1”,是不是生成字体的同学疏忽啦?)
 
参考资料

原文链接:

http://www.cocoachina.com/industry/20131111/7327.html

https://github.com/JohnWong/IconFont

最新文章

  1. HDFS 架构解析
  2. SSH--1
  3. [转]const 与 readonly知多少
  4. F5负载均衡的初识和基本配置
  5. Android SDK中国在线更新镜像服务器 解决GOOGLE更新无法下载 更新失败的问题
  6. Web Forms vs Web MVC
  7. <转>揭秘DNS后台文件:DNS系列之五
  8. AMQ学习笔记 - 10. Spring-JmsTemplate之浏览
  9. java,图片压缩,略缩图
  10. SQL Server调优系列进阶篇 - 如何索引调优
  11. IAP (In-App Purchase)中文文档
  12. unity碰撞组件、刚体组件
  13. 谈谈final, finally, finalize的区别
  14. hdu-3348 coins---贪心
  15. https证书链不完整
  16. Pytorch: cuda runtime error (59) : device-side assert triggered at /pytorch/aten/src/THC/generic/THCTensorMa
  17. WEB框架-Django框架学习-预备知识
  18. #pragma multi_compile_fwdbase会增加很多个shader variants
  19. HDU 3081 Marriage Match II (网络流,最大流,二分,并查集)
  20. OSI7层模型(TCP4层)

热门文章

  1. 4-圆数Round Numbers(数位dp)
  2. 1-vim的复制粘贴
  3. 协程库st(state threads library)原理解析
  4. laydate的使用
  5. 8.7 正确使用索引(no)
  6. Interceptor for {http://cxf.liuyang.com/}IHiServiceService has thrown exception, unwinding now org.apache.cxf.binding.soap.SoapFault: Error reading XMLStreamReader.
  7. (转)C# .net微信开发,开发认证,关注触发消息,自动应答,事件响应,自定义菜单
  8. java中null转换成其它类型
  9. NideShop项目的安装部署教程
  10. 用TextWriterTraceListener实现log文件记录 (转载)