【发布时间】:2020-08-09 17:29:53
【问题描述】:
我想在我的 React Native 项目中使用特殊字体。 示例 我下载了 Aleo 字体并将其放在 assets/fonts 文件夹中。 我想使用 Aleo 字体。我试过这个。 box:{fontFamily:'Aleo'} 但不工作。有什么问题?
【问题讨论】:
标签: reactjs react-native
我想在我的 React Native 项目中使用特殊字体。 示例 我下载了 Aleo 字体并将其放在 assets/fonts 文件夹中。 我想使用 Aleo 字体。我试过这个。 box:{fontFamily:'Aleo'} 但不工作。有什么问题?
【问题讨论】:
标签: reactjs react-native
你有没有在 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
【讨论】:
您必须将字体链接到 android 和 ios 项目。
所以首先在项目的根目录中创建react-native.config.js 文件并添加:
module.exports = {
project: {
ios: {},
android: {},
},
assets: [".assets/fonts/"],
};
然后运行 react-native link 将字体链接到 android 和 ios 项目。
【讨论】: