如何在 react native 中更改字体系列？

Question

示例 Fonts

我想在我的 React Native 项目中使用特殊的 fonts。 示例 我下载了 Aleo 字体并将其放在 assets/fonts 文件夹中。 我想使用 Aleo 字体。 我试过这个。 box:{fontFamily:'Aleo'} 但不工作。 问题是什么？

Answer 1

您必须将 fonts 链接到 android 和 ios 项目。

因此，首先在项目的根目录中创建react-native.config.js文件并添加以下内容：

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

然后运行react-native link将 fonts 链接到 android 和 Z9E304D4E8DF1B74CFAZ00991319848 项目。

Answer 2

您是否在 react-native.config.js 中添加了以下代码

对于 React Native 版本 ≥ 0.60

module.exports = {
  project: {
    ios: {},
    android: {}, // grouped into "project"
  },
  assets: ["./assets/fonts/"], // stays the same
};

并在上面添加后运行react-native link 。

有关更多详细信息，您可以按照以下步骤操作： https://medium.com/@mehrankhandev/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4