react-native-global-font

React Native apply custom font for iOS and Android

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-native-global-font
1.0.32 years ago6 years agoMinified + gzip package size for react-native-global-font in KB

Readme

react-native-global-font npm version MIT Platform - Android and iOS
React Native apply custom font for iOS and Android
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 :
``` UIAppFonts
<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)
} ```