Latest 1.0.2
Homepage https://github.com/JohnWong/IconFont
License MIT
Platforms ios 5.0, requires ARC
Frameworks UIKit, CoreGraphics
Authors

IconFont Pod version

IconFont is a way to build lossless images of pure color with font file.

简介

IconFont是一种通过字体文件来构建纯色图的方案。更详细的介绍参见使用IconFont减小iOS应用体积。简单说来其目的是:

  1. 减小应用体积,字体文件比图片要小
  2. 图标保真缩放,解决2x/3x乃至将来nx图问题
  3. 方便更改颜色大小,图片复用

局限性在于只支持纯色图,但是在扁平化的今天纯色图变得越来越多。目前这套方案在点点iOS客户端上做了广泛的应用,对于应用体积压缩很有帮助。

Screenshot

使用指南

安装IconFont

必要条件

Xcode 5
iOS 6.0 +
ARC enabled
CoreText framework

使用CocoaPods安装

添加pod 'IconFont', '~> 0.0.2'到你项目的Podfile中。

运行pod install或者pod update来安装。

手动安装

下载源码,将IconFont目录拖到你的项目中,并添加CoreText框架到你的项目中。

得到字体文件

强烈建议用iconfont.cn平台管理字体,资源多,易用。或者使用字体工具自行编辑字体,比如FontForge。如果想了解FontForge的使用,可以看我翻译的官方文档FontForge与字体设计

这里需要注意的是字体内包含的字体名要与字体文件名一致。从iconfont.cn下载的字体可能需要重命名。点击下图字体项目的编辑项目按钮,Font Family一栏就是字体内包含的字体名,将下载解压后的ttf文件名修改为这个字体名。当然,也可以在下载后使用FontForge工具修改ttf文件内包含的字体名。

Screenshot

引用头文件

在需要使用的地方引用头文件,或者在预编译pch文件中做全局引用:

#import "TBCityIconFont.h"

设置字体名称

系统会默认加载字体名称LLIconfont,如果字体名不是这个,则需要在使用字体之前设置字体的名称。例如在AppDelegate的-application:didFinishLaunchingWithOptions:方法中添加:

[TBCityIconFont setFontName:@"LLIconfont"];

创建UIImage

使用UIImage的category方法从字体创建UIImage:

[UIImage iconWithInfo:TBCityIconInfoMake(@"U0000e601", 24, [UIColor blackColor])]

其中e601图标在字体中存放的Unicode字符位。如果字体从iconfont.cn网站下载,这个值可以在页面上图标下方找到。可能更好的方法是在另一个文件中将图标预定义好,方便管理,使用的时候也更加简洁。

// TBCityIconDefine.h

#define kTBCityIconCheck TBCityIconInfoMake(@"U0000e601", 24, [UIColor blackColor])
[UIImage iconWithInfo:kTBCityIconAppreciate]

代码结构

核心代码在工程的IconFont目录下,结构为:

IconFont
├── TBCityIconFont.h
├── TBCityIconFont.m
├── TBCityIconInfo.h
├── TBCityIconInfo.m
├── UIImage+TBCityIconFont.h
└── UIImage+TBCityIconFont.m

Latest podspec

{
    "name": "IconFont",
    "version": "1.0.2",
    "summary": "IconFont is a way to build lossless images of pure color with font file.",
    "homepage": "https://github.com/JohnWong/IconFont",
    "description": "IconFont is a way to build images of pure color with font file. With it we can build lossless image at any size and reduce app size deeply.",
    "authors": {
        "John Wong": "[email protected]"
    },
    "source": {
        "git": "https://github.com/JohnWong/IconFont.git",
        "tag": "1.0.2"
    },
    "license": "MIT",
    "requires_arc": true,
    "platforms": {
        "ios": "5.0"
    },
    "frameworks": [
        "UIKit",
        "CoreGraphics"
    ],
    "source_files": "IconFont/*.{h,m}"
}

Pin It on Pinterest

Share This