我们如何在 React Native 中使用 fontFamily 属性设置一组字体？答案

【问题标题】：How can we set a group of fonts using fontFamily props in React Native?我们如何在 React Native 中使用 fontFamily 属性设置一组字体？
【发布时间】：2017-12-11 11:12:58
【问题描述】：

在 css 中，我们可以这样设置：

font-family:"Times New Roman",Georgia,Serif;

但是在 RN 中，我们可以只设置一种字体，

fontFamily: 'MidPlane00v3.1',

我们如何像css一样使用它？我需要使用字体回滚机制显示多个字节的中文单词！

【问题讨论】：

你这样做的目的是为了在一个单词中使用不同的字体样式？
@Adarsh Sreeram，我想在一个句子中显示一些多字节的中文单词！例如，有两个字体文件，MidPlane00和MidPlane02，它们包含不同的中文单词，如果这些不同的单词在一个<Text/>,怎样才能让它们正确显示？我只能想到用fontFamily设置一组字体！
你想出解决方案了吗？

标签： react-native font-family

【解决方案1】：

在网络上，为整个文档设置字体系列和大小的常用方法是利用继承的 CSS 属性，如下所示：

html {
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  color: #141823;
}

文档中的所有元素都将继承此字体，除非它们或其父元素之一指定了新规则。

在 React Native 中，我们对此更加严格：您必须将所有文本节点包装在 <Text> 组件内。 <View> 下不能有文本节点。

<View style={{ font-family: 'verdana, sans-serif'  }}>
  <Text style={{ font-family: 'lucida grande' }}>
    Some text
  </Text>
     <Text style={{ font-family: 'tahoma' }}>
    Some text
  </Text>
  <Text style={{ font-family: 'arial' }}>
    Some text
  </Text>
</View>

Reference Link

【讨论】：

那没有回答问题