flutter和native共用字体

ljtywok

flutter和native混合开发的项目，很多需要共用一套文件，以减小包大小，比如共用图片，字体资源等。图片资源的共用方案很多，但是flutter和native共用字体方案资料比较少。

iOS实现共用字体

共用资源的方案的话，主要从两方面解决。

1、资源在native，通过某种方式将资源从native传给flutter使用。

这种方案一直没有想到处理的办法，如果知道怎么处理的同学请告知下，谢谢。

2、资源在flutter，通过某种方式将资源从flutter传给native使用。

iOS加载字体有2种方式
a:在工程里面添加字体文件 xxx.otf,yyy.otf,然后在Info.plist添加字段"Fonts provided by application"，并且添加对应的字体，如图:

b:可以通过动态注册字体的方法加载字体

具体实现:

+ (void) loadCustomFont:(NSString*)fontFileName{
    NSString *fontPath = [[NSBundle mainBundle] pathForResource:fontFileName ofType:nil];
    if (!fontPath) {
        NSLog(@"Failed to load font: no fontPath %@", fontFileName);
        return;
    }
    NSData *inData = [NSData dataWithContentsOfFile:fontPath];
    CFErrorRef error;
    CGDataProviderRef provider = CGDataProviderCreateWithCFData((__bridge CFDataRef)inData);
    CGFontRef font = CGFontCreateWithDataProvider(provider);
    if (!CTFontManagerRegisterGraphicsFont(font, &error)) {
        CFStringRef errorDescription = CFErrorCopyDescription(error);
        NSLog(@"Failed to load font: %@", errorDescription);
        CFRelease(errorDescription);
    }
    CFRelease(font);
    CFRelease(provider);
}

如代码所示，只需要确定font文件的路径即可，问题是怎么获取font文件的路径呢?
经过查找，方法也简单，只需要使用lookupKeyForAsset即可获取到font的文件地址

[FlutterDartProject lookupKeyForAsset:@"xxxx"];

lookupKeyForAsset的参数是pubspec.yaml配置的font文件地址，加入我们配置的地址是"fonts/iconfont.ttf"

  fonts:
     - family: iconfont
       fonts:
         - asset: fonts/iconfont.ttf

那么lookupKeyForAsset就是

[FlutterDartProject lookupKeyForAsset:@"fonts/iconfont.ttf"];

Android实现共用字体

android比较简单

val assetManager = FlutterMain.getLookupKeyForAsset()
val fontKey = flutterView.getLookupKeyForAsset("fonts/iconfont.ttf")
val myTypeface = Typeface.createFromAsset(assetManager, fontKey)

如果iOS加载字体的时候报错:

Could not register the CGFont '<CGFont (0xxxxxxxxx): YYYYYYY>

可以使用FontCreator(Win)或者FontForge(Mac)修改字体信息