react-native-font-global

react-native-font-global

React Native apply custom font for iOS and Android

Installation

• Add font file to your app src/assets/fonts/

• In react-native.config.js :

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

• Install package

  using npm

  npm install react-native-font-global
  

  using yarn

  yarn add react-native-font-global
  

• Link Fonts

  react-native link
  

• iOS

  pod install
  

• Android (Auto-linking)

Usage

Go to your first component which wraps the whole application (mostly App.js).

import applyFontGlobally from 'react-native-font-global';

applyFontGlobally('YourCustomFontName');

Example App

Example app can be found in example/ directory.

How to use and run example

• Clone Repository

  git clone https://github.com/ajaybhatia/react-native-font-global
  

• Swtich to example directory

  cd example
  

• Install dependencies

  npm install
  

• Run example

  Android:

  react-native run-android
  

  iOS:

  pod install
  

  react-native run-ios