React Native apply custom font for iOS and Android
``` module.exports = {
``` npm install --save react-native-global-font npx react-native link ```
``` import GlobalFont from 'react-native-global-font' componentDidMount() {
Installation
- 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 :
<string>YourFontName.ttf</string>
```Usage
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)
}
```