How to install custom fonts in your react native application

  • Search for the desired font. You can find some at fonts.google.com

  • Download the package and install it on your local machine

  • Create an assets folder in the root of your React native application

  • Create a fonts folder inside the assets folder and move all the files from the static folder in your downloaded package into the fonts folder in your application

  • Create a react-native.config.js file in the root of your application and add the following code

      module.exports = {
        project:
          ios: {},
          android: {},
        },
        assets: [‘./assets/fonts/’]
      };
    
  • Navigate to your project root in your terminal and run

      npx react-native-asset
    
  • Thats it! The font should be available for use in the project.