【问题标题】: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

【问题讨论】:

标签: 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 文件的公司找到工作时

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多