atoami / react-native-custom-fonts Goto Github PK

• HelveticaNeue-Bold
• HelveticaNeue-Medium
• Lato-Black
• Roboto-Bold
• Roboto-Light
• Roboto-Medium
• Roboto-Regular
• SFProDisplay-Black
• SFProDisplay-Bold
• SFProDisplay-Heavy
• SFProDisplay-Light
• SFProDisplay-Medium
• SFProDisplay-Regular
• SFProDisplay-Semibold
• SFProDisplay-Thin
• SFProDisplay-Ultralight
• SFProText-Bold
• SFProText-Regular
• SFProText-Semibold

"rnpm": {
    "assets": [
      "app/fonts" // Folder including all font files(otf, ttf, ...)
    ]
}

Add font files(otf, ttf, ...) in font assets folder.

react-native link

This links all fonts(app/fonts in example) to iOS & Android projects.

Add font components(SFProDisplayMedium.js, ...) in your project.

You must rebuild the project after add font files.

import { SFProDisplayMedium } from '../SFProDisplayMedium.js';
...
<SFProDisplayMedium style={styles.fontStyle}>
  Text Here
</SFProDisplayMedium>

You can find demo here.

Welcome to Pull Request!