React Native Unrecognized font family not fixing

Question

The fonts are in my asset folder, they are also inside xcode copy bundle resources, and also inside resource folder. I already also ran react-native link, but it still doesn

Answer 1

React Native Part:

Add fonts to assets/fonts of the root folder of react-native project

react-native-project/
  package.json
  ios/
  android/
  assets/
    fonts/
      GROBOLD...
      ...

Add the below snippet to package.json

"rnpm": {
  "assets": [
    "./assets/fonts/"
  ]
}  

Run the following command in your react-native project to link your assets.

react-native link react-native-vector-icons 

iOS Part:

Check info.plist for the font files whether they have added already.

Delete derived data, build and run your Xcode project.

Double check the fonts added to project by navigating to the AppDelegate.m file and add these lines of code below NSURL *jsCodeLocation;

for (NSString* family in [UIFont familyNames])
{
  NSLog(@"%@", family);
  for (NSString* name in [UIFont fontNamesForFamilyName: family])
  {
    NSLog(@" %@", name);
  }
}

Android Part:

Copy the font files to if they are not exist already.

android/
    app/
      src/
        main/
          assets/
            fonts/
              GROBOLD...

Answer 2

Please update below with your code:

"rnpm": {
    "assets": [
      "./src/assets/fonts/"
    ]
  }

You missed "/" that's why your compiler didn't find the font file.

Let me know if you still got any issues.