Search code examples
react-nativefontsstyles

React Native Custom Font Issues 0.63.4

I cant seem to link the fonts properly and i've checked all my code 5 times..... I need help!

App.js -

 <Text style={{ fontFamily: 'Poppins-Black' }}>InviteUs</Text>

Info.PList -

<key>UIAppFonts</key>
    <array>
        <string>Poppins-Black.ttf</string>
        <string>Gilroy-ExtraBold.otf</string>
    </array>

react-native.config.js -

module.exports = {
    project: {
        ios: {},
        android: {}, // grouped into "project"
    },
    assets: ["./assets/fonts/"], // stays the same
};

Font Name -

assets/fonts/Poppins-Black.ttf

PostScript Name -

Poppins-Black
Solution

  • did you add your custom font to Copy Bundle Resourse like this enter image description here