在react-native中更改Text项的字体?

时间:2018-05-09 14:23:43

标签: css react-native fonts react-native-android

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

React-native version:

"react-native": "0.55.3"

身体部位:

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

Css Part:

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

2 个答案:

答案 0 :(得分:0)

我不应该使用自定义字体 fontWeight

好像是MMA champ-bold

感谢React Native Training Slack.

中的@roach_iam

答案 1 :(得分:0)

但你可以使用自定义字体, Check this post on Medium 关于如何使用自定义字体。知道如何使用将在某天有用,比如当你在拥有自己的自定义字体.ttf文件的公司找到工作时