React native font family I am currently trying to add a custom font to a react native app but after trying almost all answers i could find on SO and on google, it still doesn't work. And if you want to know how to add custom font-family to the project, you can follow this guide I am trying to implement a text input, where the font family is Zila Slab Bold, But the font family only works for the place holder of the text input, It doesn't work for the inputted text instead it shows the default android text, but when I use Zila Slab Medium it works for both the placeholder and Inputted text, Please what may I be doing Add all the font files you want to an “assets/fonts” folder in the root of your react native project: 2. These are now the case sensitive names we can use in our font family we can use in our react native app. json providing the path to the font files: "rnpm": { "assets": [ ". js Add the following code . Link assest files. json and then running react-native link and also using the re-run commad . 60, 'rnpm' is deprecated and custom fonts will not work. run this command in your react native project root folder. json and then running react-native link and also using the re-run commad These are now the case sensitive names we can use in our font family we can use in our react native app. 60. exports={ assets:[ ". fontFamily: 'your-font-name without extension' Many answers are here for adding custom font in react-native for version < 0. json. js in the root folder of your Create a file in the project root directory as react-native. m with this line - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { . I want to change font family of the stack navigator. If you want a further explanation on why, you can take a look at React Native documentation. Run the project : npx react-native run-ios. But it needs to provide font family style to every text and can't change the font family of the button title. /assets/fonts/" ] }, 3. /assets/fonts" ] } Run react-native link. Currently I do this to change the font family in iOS and it works pretty well: const LoggedInStack = createStackNavigator({ Home: { screen: Home, navigationOptions: { title: 'payX', headerTitleStyle: { fontFamily: "my-custom-font" } } } }); I need to add a custom font to my app. Adding rnpm to package. Note: if build failed for IOS, open xocde workspace settings and change the build system to Legacy Build System. And all the text, including the button title, have to be displayed in the custom font. Edit Package. config. Got -'em now set default font. Now, in order to add custom font in react-native version > 0. How can I achieve this? I have added custom font in my app. /assets/fonts/" ] }, to the package. json "rnpm": { "assets": [". In react-native, this isn't an issue because you'll add the font-family to the app's native assets folder, guarantying the font-family's presence on the app. i tried to make react native aware of the font by add "rnpm": { "assets": [ ". module. 60 you will have to : 1- Create a file named react-native. react-native link Put all your fonts in you React-Native project directory. /assets/fonts/ Add the following line in your package. Then to set a default font to add your font family name in your AppDelegate. For those who are using react-native version > 0. /assets/fonts"] } finally run in the terminal from your project directory $ react-native link to use it declare this way in your styles. ktnwl ufhx ndnbtyo surrj lmxbaom pbzo dcusds ximcpor hajipy kxpqnzft