React Native apply custom font for iOS and Android
Add font file to your app assets/fonts/
Create react-native.config.js
file in your react native project:
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./assets/fonts/'],
};
Run:
npm install --save react-native-global-font
npx react-native link
iOS: add to info.plist :
<key>UIAppFonts</key>
<array>
<string>YourFontName.ttf</string>
</array>
Go to your highest order component that contains your whole application.
import GlobalFont from 'react-native-global-font'
componentDidMount() {
let fontName = 'YourFontName'
GlobalFont.applyGlobal(fontName)
}