iconfont的使用

iconfont是将图片以字体的形式展示的一种方法,清晰易缩放而且文件体积小,可以直接通过修改字体颜色和大小来改变图片大小,很方便。同时也是因为这个原因只能支持纯色图片。不过对于iOS来说,减少了各种@2x、@3x的烦恼,还是很方便的。官方文档不是很详细,下面说说如何使用,希望能帮到大家少走弯路。



第一步:点击下载到本地,将文件中的字体文件(.ttf)添加到工程中;



第二步:打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“;

第三步:使用

iconfont有两种使用方法,最常用的就是用label来展示

UILabel* label = [[UILabelalloc] initWithFrame:self.view.bounds];

UIFont*iconfont = [UIFontfontWithName:@"uxIconFont"size:34];

label.font = iconfont;

label.text = @"\U00003439 \U000035ad \U000035ae \U000035af \U000035eb \U000035ec";

label.textColor = BLACKCOLOR;

[self.view addSubview: label];

fontname就是上图中蓝色标记位置 fontfamily,text内存为 \U0000加上上图红色标记位置代码的后四位,如上图个人 text就为 \U0000e662

有的时候不能使用label,只能用imageview,比如tabbaritem,这个时候就需要把icon转换为image

+ (UIImage*)imageWithIcon:(NSString*)icon

iconColor:(UIColor*)color

iconSize:(CGFloat)size{

CGFloat scale = [UIScreen mainScreen].scale;

CGFloat realSize = size * scale;//屏幕分辨率调整图片大小

UIFont *font = [UIFont fontWithName:@"iconfont" size:realSize];

UIGraphicsBeginImageContext(CGSizeMake(realSize, realSize));//设置图片尺寸

CGContextRef context = UIGraphicsGetCurrentContext();

if ([icon respondsToSelector:@selector(drawAtPoint:withAttributes:)]) {

[icon drawAtPoint:CGPointZero withAttributes:@{NSFontAttributeName:font, NSForegroundColorAttributeName: color}];

} else {

CGContextSetFillColorWithColor(context, color.CGColor);

[icon drawAtPoint:CGPointMake(0, 0) withAttributes:@{NSFontAttributeName:font}];

}

UIImage *image = [UIImage

imageWithCGImage:UIGraphicsGetImageFromCurrentImageContext().CGImage

scale:scale orientation:UIImageOrientationUp];

UIGraphicsEndImageContext();

return image;

}

6月29日补

 如何写法没错 却一直显示问号  这个时候一般是字体文件没加载上的问题  首先检查 plist文件里有没写错单词, 然后BuildPhases--BundleResources里有无文件  如果都没问题




拖入字体文件时使用这些选项

如果还是显示问号



让让 我要放大招了


建立一个XIB\SB文件  找一个label  设置如下属性


然后再运行 就OK了





最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容

  • 什么是IconFont 所谓IconFont, 就是利用图标生成的字体。原理与汉字和emoji一样, 每一个图标对...
    Z哥阅读 1,908评论 0 51
  • 前言:写这篇文章纯粹是记录自己的使用过程以及一些疑问。iconfont之前一直是作为web页面替换按钮图片的方案,...
    安勒个安阅读 1,601评论 0 1
  • 基础环境 1.使用的矢量图标库:http://www.iconfont.cn/ 2.需要账号登陆 ,名下会有对应的...
    Dorazzz阅读 1,778评论 0 0
  • 1、登录iconfont,(阿里图标库),点开图标,选择需要的图标,添加到库里(点击购物车标志); 2、点击添加至...
    Doit的谎言阅读 1,721评论 0 0
  • 真的好累!爸爸的不争气,那么不好的身体自己却依旧不知道锻炼,你若倒下,有想过我和妈妈会多难过吗?几乎每天都被长辈们...
    海绵_a0fe阅读 131评论 0 0