时间戳

首页 > 解决方案 > 在 react-native 中更改文本项的字体​​？

css - 在 react-native 中更改文本项的字体​​？

问题描述

我正在尝试将我的标题字体更改为我下载的自定义字体，但它不起作用我正在将它更改为它也不起作用的任何其他字体。

反应原生版本：

"react-native": "0.55.3"

身体的一部分：

<Text style={styles.title}>My App!</Text>

CSS部分：

title:{
    color: 'white',
    fontSize: 36,
    fontWeight: 'bold',
    marginBottom: '30%',
    fontFamily: 'MMA Champ',
}

Android/../fonts/ 中的字体文件

$ ls android/app/src/main/assets/fonts/
Entypo.ttf       Ionicons.ttf       Octicons.ttf         Zocial.ttf
EvilIcons.ttf    MaterialIcons.ttf  Roboto.ttf
FontAwesome.ttf  mmachamp.otf       Roboto_medium.ttf
Foundation.ttf   mmachamp.ttf       SimpleLineIcons.ttf

标签： cssreact-nativefontsreact-native-android

解决方案

我后来想通了。我不应该使用fontWeight自定义字体。

当我添加fontWeight: 'bold'时，它会MMA champ-bold.ttf在文件系统中查找。

特别感谢React Native Training Slack 中的 @roach_iam。谁帮我解决了这个问题。

推荐阅读