适用于 Android 和 IOS 的自定义字体

在项目文件夹中创建一个文件夹，并将其添加到其中。例：

• 示例：这里我们在 root 中添加了一个名为 mystuff 的文件夹，然后是 fonts，在里面我们放置了我们的字体：
  • 

在 package.json 中添加以下代码。

{
    ...

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

    ...
}

• 对于上面的示例，我们的 package.json 现在将具有“mystuff / fonts”的路径：

  "rnpm": {
    "assets": [
      "mystuff/fonts"
    ]
  }
  

运行 react-native link 命令。

在代码下面的项目上使用自定义字体

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

FONT-NAME 是特定于前缀的平台。

Android 的

FONT-NAME 是文件中扩展名之前的单词。示例：你的字体的文件名是 Roboto-Regular.ttf，因此你可以设置 fontFamily: Roboto-Regular。

iOS 版

右键单击后，在字体文件上找到 FONT-NAME 为全名，然后单击获取信息。 （来源： https ： //stackoverflow.com/a/16788493/2529614），在下面的屏幕截图中，文件名是 MM Proxima Nova Ultra bold.otf，但全名是 Proxima Nova Semibold，因此你可以设置 fontFamily: Proxima Nova Semibold。截图 -

再次运行 react-native run-ios 或 react-native run-android（这将使用资源重新编译）