React native 在React Native V 60+；

我想在我的应用程序中添加“Open sans”字体，但我遇到了一个问题，它只发生在IOS模拟器上

以下是我的步骤：

a） 我在根应用程序中创建了一个文件夹：assets，然后在assets中创建fonts文件夹，并将Open-sans.ttf放入其中

b） 我在root中创建了一个名为react-native-config.js的文件，并添加：

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

c） 反应本机链接

d） 在App.js中

<Text style={{fontFamily: 'OpenSans-Bold', fontWeight: 'bold'}}>
  This is my first App
</Text>

这是我的第一个应用程序

我的问题是，每当我在App.js中进行任何编辑时，它总是告诉我“无法识别的字体系列”

但是当我打开

react native config.js

时，我什么也不做，只保存启动的热重新加载，字体就可以工作了

---

正如我提到的，它在Android上非常完美，但在对App.js文件进行任何编辑后保存时，IOS上会出现错误，我也遇到了同样的错误，所以我就是这么做的： 1-将react-native-config.js重命名为react-native.config.js，并将此脚本放在文件中：

module.exports = {
  assets: ['./src/assets/fonts'], // this is my path
};

2-将其放在my package.json上：

rnpm": {
    "ios": {},
    "android": {},
    "assets": [
      "./src/assets/font"// this is my path
    ]
  },

在我运行react native link和&warn react native link之后

---

检查您的信息列表和android资产是否已更改

对于IOS，字体系列值为fullname，对于android，字体系列值为文件名。 尝试：

这是我的第一个应用程序

对于android，将文件名“OpenSans Bold.ttf”更改为“OpenSans Bold.ttf”

非常简单

要嵌入字体，请将代码复制到html的

@import

用于指定族的CSS规则

字体系列：“开放式Sans”，无衬线；

根据您的描述，您只将Open-sans.ttf放在资产文件夹中。但您正在尝试访问未添加到资产文件夹的OpenSans Bold。要访问任何特定字体，您需要将该字体添加到资产文件夹中。这里有一个例子供你参考

你也可以检查一下，以便更好地理解

<Text style={{fontFamily: 'Open Sans Bold'}}>