iOS
1. 字体文件加入到Xcode项目中
2. 确认字体文件包含在目标中
点击字体文件,查看是否在右栏的 Target Membership中选择了改字体
3. 检查字体是否在打包的资源中
在Build Phases中查看字体是否添加在Copy Bundle Resources下(一般是自动添加)
4. 在info.plist中添加自定义字体
在info.plist文件中,在fonts provided by application下面,将字体文件名添加在value下面
5. 确定文件名(在ios中可使用的文件名)
在AppDelegate.m中,在NSURL *jsCodeLocation下,将下面的代码添加进去
for (NSString* family in [UIFont familyNames])
{
NSLog(@"%@", family);
for (NSString* name in [UIFont fontNamesForFamilyName: family])
{
NSLog(@" %@", name);
}
}
然后启动项目,新添加字体文件的字体名会显示在控制台中
如下
6. 在App中使用字体
fontFamily: 'Adobe Heiti Std'
Android
在项目的以下路径 android/app/src/main/assets/fonts 添加字体文件即可
在app中直接使用 fontFamily: ‘Adobe Heiti Std’,其中字体名就是文件名
图文资源来自:https://medium.com/react-native-training/adding-custom-fonts-to-react-native-b266b41bff7f