Add custom font family in React Native iOS

2
votes

I would like add custom font family on my React Native App on iOS. I've no problem with Android, but i've an error in iOS :

Unrecognized font family 'dinproRegular'

I've use this link for setup my font, but no result.

File name : dinproRegular.ttf

Call in react-native : fontFamily: "dinproRegular" // Test with "Dinpro Regular" too

No result :(

Anyone have idea ?

2
iosxcodereactjsreact-native

2 Answers

1
votes

Just check the fonts that are currenly installed in Ios or Android:

https://github.com/react-native-training/react-native-fonts

If you want to add custom fonts:

https://medium.com/@danielskripnik/how-to-add-and-remove-custom-fonts-in-react-native-b2830084b0e4

Hope it helps!

0
votes

In iOS, you can see what font name you should use in code to let it work Use below code in AppDelegate.m to get all font names supported in your app.

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