Iconfont在教育平台及在iOS中应用实例

Iconfont 体系化解决方案

性能优化是前端开发不得不面对,必须重视的一个经久话题。教育平台项目除了常规的web性能优化外,图片资源站到了流量的70%+,因此图片的性能优化是个重中之重。除了常规的图片优化外,课程封面和机构上传的图片采用了webp格式,之前已介绍过,不再赘述。这样,对平台图片的优化已经达到极致了吗?


然后再在项目的资源池中确认字体文件是否加入项目,打开xcode项目的Build Phases中查看:


Step 2: 配置.plist文件

在.plist文件中注册新加入的字体,.plist文件往往以“[appname]-Info.plist”的形式存在于“Supporting
Files”文件夹内。 在.plist文件中添加新属性“Fonts provided by
application”,该属性的值是一个数组,这意味着可以在这里注册多个字体。


Step 3: 找到字体集名称

注册完,我们需要检测是否注册成功且取得新字体名称,检测方法就是把所有安装了的字体都打印出来,看看新注册的字体是否在里面:

for (NSString* family in [UIFont familyNames])

{

NSLog(@"%@", family);

for (NSString* name in [UIFont fontNamesForFamilyName: family])

{

NSLog(@" %@", name);

}

}

运行完,查看控制台里打印出的所有字体集中是否有新注册的字体,如果有,说明注册成功,并将字体名(在这里是“Kaushan
Script”)记住留到后面用。


Step 4: 使用新字体

最后,就是使用你最新加入的字体啦:

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 60, 300,
50)];

label.font = [UIFont fontWithName:@"Kaushan Script" size:35];

label.text = @"icon font";

label.textColor = UIColorFromRGB(0xFF7300);

[self.view addSubview:label];

效果:



开始使用icon font

图标字体也是字体,使用方式和上面所说的差不多,只是在套用上有些差别;这里拿fontello的图标字体库为例。

1.选择需要的图标

在fontello的图标字体库选择自己需要的图标,并下载生成的字体文件。

2.按照上面的步骤将图标字体注册到项目中

3.找到图标对应的unicode码

使用FontLab Studio 5工具打开字体文件(比如fontello.ttf),就可以看到图标与unicode码之间的对应关系啦。



4.使用图标

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 60, 300,
50)];

label.font = [UIFont fontWithName:@"fontello" size:35];

label.text = @"\U0000E802 \U0000E801 \U0000E803 \U0000E804 \U0000E805
\U0000E81A";

label.textColor = UIColorFromRGB(0xFF7300);

[self.view addSubview:label];

在Objective-C中,自定义的unicode码需要以“\U0000E802”这样的格式存在。

5.使用emoji表情库

这里还可以使用苹果emoji表情库的图标,这里不需要新加字体库,只要找到emoji图标和unicode之间的对应关系就好,但是这些图标都不是矢量图,缩放请自重。

UILabel *label5 = [[UILabel alloc] initWithFrame:CGRectMake(10, 480, 300,
50)];

label5.text = @"\U0000e42a\U0000e525\U0000e41c";

[self.view addSubview:label5];

6.效果



7.使用自制图标字体

如果上面介绍的图标库还满足不了你的需求,或者需要的图标分布在多个图标库而不能集中到一个字体文件中;那么你可能需要自己去制作图标字体文件了。

总结

这样,在iOS开发上,不仅可以直接去开源图标库找现成的图标用到项目中,而且还可以轻松地改变图标的颜色、大小,相信可以解放不少设计师和工程师的工作量。

时间: 2024-11-05 18:59:14

Iconfont在教育平台及在iOS中应用实例的相关文章

网易正式涉足教育领域 推出有道在线教育平台

中介交易 SEO诊断 淘宝客 云主机 技术大厅 4月24日消息,网易有道宣布推出"有道在线教育平台",网易CEO丁磊表示,在一段时间内,并不追求短期的经济效益,网易有道对平台将不断输血.网易有道副总裁包塔表示,有道在线教育平台将为合作伙伴提供最高1000万元的推广资源支持. 网易官方称,有道在线教育平台不仅仅局限于视频课程,也包含学习型APP.电子书.测试工具等符合移动设备的学习内容与资料.同时,有道在线教育平台将在运营中为没有开展线上教育的传统教育机构提供技术支持. 丁磊认为,目前中

网易有道宣布推出有道在线教育平台

摘要: 4月24日消息,网易有道宣布推出有道在线教育平台,网易CEO丁磊表示,在一段时间内,并不追求短期的经济效益,网易有道对平台将不断输血.网易有道副总裁包塔表示,有道在线教育 4月24日消息,网易有道宣布推出"有道在线教育平台",网易CEO丁磊表示,在一段时间内,并不追求短期的经济效益,网易有道对平台将不断输血.网易有道副总裁包塔表示,有道在线教育平台将为合作伙伴提供最高1000万元的推广资源支持. 网易官方称,有道在线教育平台不仅仅局限于视频课程,也包含学习型APP.电子书.测试

网易正式涉足教育领域推出有道在线教育平台

4月24日消息,网易有道宣布推出"有道在线教育平台",网易CEO丁磊表示,在一段时间内,并不追求短期的经济效益,网易有道对平台将不断输血.网易有道副总裁包塔表示,有道在线教育平台将为合作伙伴提供最高1000万元的推广资源支持.网易官方称,有道在线教育平台不仅仅局限于视频课程,也包含学习型APP.电子书.测试工具等符合移动设备的学习内容与资料.同时,有道在线教育平台将在运营中为没有开展线上教育的传统教育机构提供技术支持.丁磊认为,目前中国的教育资源分配不平等,教育行业信息化不充分,优质教

极客学院&Cocos强强联手的开发者教育平台合作

2014年10月28日 Cocos 2014开发者大会(秋季)在国家会议中心举行.作为中国最大的IT在线教育平台及触控开发者教育平台唯一的在线教育合作伙伴,极客学院为广大COCOS生态系统的开发者们专业制作了近50门COCOS相关在线课程,累计观看超过10万人次.在触控科技CEO陈昊芝在开场演讲中还特别致谢极客学院,他认为这种基于录屏的实时在线教程模式非常的专业,同时很好地填补了目前的市场 空缺,让COCOS的开发者们能更加快速直接地学习掌握基于COCOS引擎的游戏开发.当场,极客学院还提供了2

网易公开课获奖年度最具价值在线教育平台

日前,由知名行业网站速途网和国内最大的微信自媒体联盟微媒体联盟联合主办的"赢响中国China V 2015中国产业互联网峰会"在北京国家会议中心举行.对过去一年里,在互联网行业内表现优异的人物.产品.企业等,本次峰会都加以盘点和表彰.其中,网易公开课荣获"最具价值在线教育平台",成为众多在线教育产品中唯一获奖的产品,独领风骚.引人注目.众所周知,2014年是在线教育行业迅猛扩张的一年,不仅是互联网巨头BAT纷纷高调进入在线教育行业,连老牌教育培训机构诸如新东方.学大

iOS网络编程入门:iOS中的Socket编程

使用Socket进行C/S结构编程,连接过程 服 务器端监听某个端口是否有连接请求.服务器端程序处于堵塞状态,直到客户端向服务器端发出连接请求,服务器端接受请求程序才能向下运行.一旦连接建立起 来,通过Socket可以获得输入输出流对象.借助于输入输出流对象就可以实现与客户端的通讯,最后不要忘记关闭Socket和释放一些资源(包括:关闭 输入输出流). 客户端流程是先指定要通讯的服务器IP地址.端口和采用的传输协议(TCP或UDP),向服务器发出连接请求,服务器有应答请求之后,就会建立连接.之后

sdl2 0-关于sdl在ios中输入拼音的问题

问题描述 关于sdl在ios中输入拼音的问题 做的是ios app,我们现在项目里面用的sdl跨平台,平常开发在windows下,在处理文本输入的时候,英文输入的情况在windows和ios下都没有任何问题,问题出在中文输入上.在windows下,用拼音输入中文时,比如我要输入"发"这个字,输入框中按下f和a字母,并且选定了发这个字的时候会接收到sdl的sdl_textinput事件,里面的字符串也是"发"字,没有任何问题.但是在ios下,同样用拼音输入中文,当我打

iOS中线程Call Stack的捕获和解析(一)

http://blog.csdn.net/jasonblog/article/details/49909209这里对上个月做的一个技术项目做部分技术小结,这篇文章描述的功能和我们在使用Xcode进行调试时点击暂停的效果类似. 一.获取任意一个线程的Call Stack 如果要获取当前线程的调用栈,可以直接使用现有API:[NSThread callStackSymbols]. 但是并没有相关API支持获取任意线程的调用栈,所以只能自己编码实现. 1. 基础结构 一个线程的调用栈是什么样的呢? 我

在线教育平台运营的六脉神剑

前言:落地生根,人之常情.投资圈亲昧它,教育圈害怕它,研究者迷恋它,创业者捧起它-.无论扮演着何种角色,在线教育的末路依然是接地气与落地.天时.地利.人和三大金刚圆梦,唯一能够做的是:运营. 文/黄嘉榔 借用百度百科对运营的解释:运营就是对运营过程的计划.组织.实施和控制,是与产品生产和服务创造密切相关的各项管理工作的总称.从另一个角度来讲,运营管理也可以指为对生产和提供公司主要的产品和服务的系统进行设计.运行.评价和改进的管理工作. 运营是手握生死线人,成龙成虫,全在运营管理.一个在线教育平台