未应用特定字体系列时，React Native Android 字体不起作用

Question

我在 android/src/main/assets 文件夹中添加了以下文件。

Poppins-Bold.ttf
Poppins-Regular.ttf
Poppins-Light.ttf
Poppins-Medium.ttf
Poppins-MediumItalic.ttf

在我的样式表中按如下方式应用字体系列时

header: {
  fontFamily: 'Poppins',
  fontWeight: '700'
}

这在 iOS 上运行良好，但字体系列不适用于 Android。 经过提供的一些答案后，我发现我们可以直接应用以下内容并且它会起作用

header: {
  fontFamily: 'Poppins-Bold',
}

这适用于 Android 和 iOS。 但这里的问题是，如果我想用这种自定义字体让我的开发人员控制字体粗细，就不能这样做。

有没有办法，比如说可能将所有 ttf 合并到一个 ttf 并将其与字体粗细或某种有效的方法一起使用以在 Android 中解决此问题？

Answer 1

您可以按照步骤执行此操作

制作 js 文件 react-native.config.js

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

然后在android资产中创建字体文件夹并复制所有

以 js 文件结尾使用的字体如

 txtLoginDescription: {
    color: COLORS.F_1E1F22,
    fontSize: 12,
    width: '100%',
    textAlign: 'center',
    fontFamily: 'Montserrat-Regular',
    fontWeight: '400',
    marginTop: 15
},