React Native Unrecognized font family 'Feather' in iOS

 React Native Unrecognized font family 'Feather' in iOS

Facing font family issues in iOS? then you are on the right page with the simplest solution.

Problem:  Facing any font family issues as below 

Unrecognized font family 'Feather' 

(or)

Unrecognized font family 'FontAwesome' 

(or)

Unrecognized font family 'AntDesign' 

(or)

Unrecognized font family 'Fontisto'

(or)

 Unrecognized font family 'Roboto'

Solution:

In App.js file just import the font family and load the font as below 

import Feather from 'react-native-vector-icons/Feather'

Feather.loadFont();

import Icon from 'react-native-vector-icons/FontAwesome';

import AsyncStorage from '@react-native-community/async-storage'

import Feather from 'react-native-vector-icons/Feather'

import AntIcon from 'react-native-vector-icons/AntDesign';

import Fontisto from 'react-native-vector-icons/Fontisto';

Icon.loadFont();

Feather.loadFont();

AntIcon.loadFont();

Fontisto.loadFont();

You can find these fonts in your project folder 

Path - Project->node-modules-react-native-vector-icons->Fonts

For Roboto, you can place the font family as System which takes the default system fonts.

Stay tuned to my posts  and do share your valuable thoughts if any queries or you would like to share anything on this topic in the comment section and please do like and share my post if this was helpful.

Hope this helped you!!