在 react-native 中更改文本项的字体？答案

【问题标题】：Change font of Text item in react-native?在 react-native 中更改文本项的字体？
【发布时间】：2018-05-09 14:23:42
【问题描述】：

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

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

【问题讨论】：

您在使用 Expo 吗？
查看这个答案stackoverflow.com/a/37413939/4363146
@LouisLecocq 号
@MohammedFarag 不起作用。

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

【解决方案1】：

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

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

特别感谢@roach_iam in React Native Training Slack. 帮助我解决了这个问题。

【讨论】：

【解决方案2】：

但是你可以使用自定义字体， Check this post on Medium 关于如何使用自定义字体。知道如何使用总有一天会派上用场，比如当您在一家拥有自己的自定义字体 .ttf 文件的公司找到工作时

【讨论】：