Question 187472 in React native Question posted in
The official React Native documentation can be found here.

How to use cutome font in react native?

I can add 2 font files oneandroidappsrcmainresassetsfonts here with ttf format. its name is Bold and normal

enter image description here

then I create one file in the root folder with the name of the file react-native.config.js and add this code

module.exports = {
    project: {
        ios:{},
        android:{}
    },
    assets:['.android/app/src/main/res/assets/fonts/'],
};

then I use the font in my code this way

 title: {
        fontFamily: 'Bold',
    },

enter image description here

but in my code, it doesn’t work where is my mistake help me to solve this error

Tags:

2

Answers


  1. 0

    you need to link the assets to your project.

    as starting from react-native 0.69 react-native link has been removed.

    run npx react-native-assset to link your assets to both platforms

    finally make sure you use the original font name not the display name, you can find it in the properties of the font file

    Login or Signup to reply.
  2. 0

    just fire this command in your terminal : – npx react-native-assset

    make sure that you have to use same fonts name in your asset file .

    if my font name is : ProximaNova-Black

    Than I have to write this black:"ProximaNova-Black",

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search