• Create a folder in your project folder, and add your fonts to it. Example:

• Example: Here we added a folder in root called “mystuff”, then “fonts”, and inside it we placed our fonts:

  

• Add the below code in package.json.

json { …

"rnpm": {
    "assets": [
      "path/to/fontfolder"
    ]
},

...

}

• For the example above, our package.json would now have a path of “mystuff/fonts”:

“rnpm”: {
“assets”: \\[
“mystuff/fonts”
\\]
\\}

• Run react-native link command.
• Using custom fonts on project below code ```

<Text style={{ fontFamily: 'FONT-NAME' }}>My Text</Text>

Where `FONT-NAME` is the prefix platform specific.
  ### Android
  FONT-NAME is the words before the extension in file. Example: Your font's file name is `Roboto-Regular.ttf`, so you would set `fontFamily: Roboto-Regular`.

  ### iOS
  FONT-NAME is "Full Name" found after right clicking, on the font file, then clicking on "Get Info". ( Source: <https://stackoverflow.com/a/16788493/2529614> ), in the screenshot below, the file name is `MM Proxima Nova Ultra bold.otf`, however "Full Name" is "Proxima Nova Semibold", thus you would set `fontFamily: Proxima Nova Semibold`. Screenshot - ![](<http://i.imgur.com/Xn8c0j4.png>)

* Run `react-native run-ios` or `react-native run-android` again (this will recompile with the resources)