iOS给你的应用添加花样字体
我们会在QQ空间发现一些开过会员的好友,发动态往往会显示一些个性化的字体。要实现这样的效果可分为两种方式。
(1) 把你需要的字体都拖入到工程本地,直接设置需要的字体。
(2) 将所有的字体放入服务器,需要的时候下载到本地然后加载即可。
很明显第一种方案有弊端,如果个性化字体特别多那么直接造成的后果是应用的包很大,当然如果你只有几种字体直接放到本地还是很方便的随用随取,即使没有网络依然可以显示个性化字体。
1.字体直接放到本地
基本思路
(1) 将字体库放入工程中
(2) 在info.plist中加入字体名称
(3) 找到目标字体真实可用的fontName,用fontWithName: size:设置字体
(1) 将字体库放入工程中
直接拖着字体文件放入工程,勾选如下图所示,然后Finish
8A93B735-CFD9-4651-9A35-14586E771509.png(2)在info.plist中加入字体名称
在info.plist中加入 Fonts provided by application 字段类型为数组,然后把你刚才拖入工程的字体文件的名称加入到Fonts provided by application内,如下图:
60087CEB-89F0-4B39-B9E8-A68537A55753.png(3)找到目标字体真实可用的fontName,用fontWithName: size:设置字体
我们看到的字体文件的文件名并不是字体的fontName,我们在mac中打开字体文件,可以看到字体的fontName,如下图:
D62B5AC4-C52D-450A-9DC8-081DFAD21FAC.png也许有些同学打开是这样的😂😂 (╥╯^╰╥)
48A858C9-B42F-4734-A988-C5CFAD36D36C.pngfontName不可能是汉字,所以肯定fontName不是上图所以的了,如果遇到这种情况不要着急。下面打印所有字体的一个方法.
for (NSString *familyName in [UIFont familyNames]) {
NSLog(@"familyName:%@", familyName);
for (NSString *fontName in [UIFont fontNamesForFamilyName:familyName]) {
NSLog(@"fontName:%@", fontName);
}
}
你可以根据字体文件的命名去打印框里搜索,应该也能搜到。这里虽然有些坑爹,但是我只能帮你们到这里了。
1526ECFD-43DC-4ACA-94CC-8DABDE7FDD4D.png知道了fontName,我们就可以用下面的方法设置字体了。
[UIFont fontWithName:@"XXXXXX" size:17]
是不是很简单?下面我们介绍另一种方式。
2. 从服务器下载所需字体然后设置字体
基本思路
(1)从服务器上把字体文件下载到本地
(2)根据字体文件创建字体,获取字体的fontName,设置字体
(1) 从服务器上把字体文件下载到本地
从服务器上下载文件,大家应该都很熟悉了,这里不再赘述了。我这里使用了NSURLSessionDownloadTask,但是用注意字体的格式,例如.otf .ttf 等,千万不要随意命名,可能无法获取到。
(2)根据字体文件创建字体,获取字体的fontName,设置字体
这里我把核心打码贴出来
/**
设置字体
@param path 这里的路径是你存储字体文件的路径
@param size 字体的大小
@return 返回字体
*/
- (UIFont *)customFontWithPath:(NSURL *)path size:(CGFloat)size {
CGDataProviderRef fontDataProvider = CGDataProviderCreateWithURL((__bridge CFURLRef)path);
CGFontRef fontRef = CGFontCreateWithDataProvider(fontDataProvider);
CGDataProviderRelease(fontDataProvider);
CTFontManagerRegisterGraphicsFont(fontRef, NULL);
NSString *fontName = CFBridgingRelease(CGFontCopyPostScriptName(fontRef));
UIFont *font = [UIFont fontWithName:fontName size:size];
CGFontRelease(fontRef);
return font;
}
简单的看一下效果
hehe.gifdemo下载地址:传送门,如有错误欢迎大家指出,谢谢。如果对你有帮助请给个❤️鼓励一下。