React Native: 添加外部字体

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