React Native中的自定义字体

Question

我尝试在React Native应用程序中使用自定义字体， 在项目的根目录下创建assets/fonts/文件夹并将字体文件放入其中。 创建react-native.config.js文件，并编写以下内容，

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./assets/fonts/'],
};

尝试使用react-native link，在安卓设备上可以正常运行，但在iOS设备上无法正常运行。

react-native: 0.60.5
npm: 6.11.0
node: 10.16.0

- Hadi Norouzi

---

你在项目中具体导出了什么？你尝试过重新构建项目吗？ - Rohit Kashyap

这可能会有所帮助：https://github.com/facebook/react-native/issues/17641 - Rohit Kashyap

Answer 1

IOS不会自动捆绑自定义字体。您需要手动为IOS链接它们。

详细的说明可以在React Native中的自定义字体，适用于iOS和Android构建找到。

对我来说，最后一步是关键。确保在添加fontFamily到您的样式时使用字体的PostScript名称。

- Saeed D.

Answer 2

安卓将使用字体名称，但是在 IOS 中会使用“PostScript 名称(请检查可能是这个问题)”。

假设您有一个字体“ SFUIDisplayBold.otf ”。 您已链接该字体。 它在安卓中可以工作，但在 IOS 中不起作用。 因为字体的 PostScript 名称为“ SFUIDisplay-Bold.otf ”，所以对于 IOS，您必须使用“ SFUIDisplay-Bold.otf ”，尽管我们已经添加了带有名称“ SFUIDisplayBold.otf ”的字体。 (详细信息请参见)

您可以在字体书中查看字体的 PostScript 名称。

- Mehran Khan