javascript - 如何使用 React Native 在 Android 上使用与 ios 相同的自定义字体

Question

我正在使用 React Native 为 ios 和 android 使用相同的代码。现在在我的项目中我想为两者使用自定义字体。我知道如何在 ios 上应用自定义字体，但这些相同的字体也如何在 android 上应用？

//新样本

I added the custom font under sample/android/app/src/main/assets/fonts/gillsans-italic.ttf I applied this gillsans-italic.ttf font in CustomFontTest component like below

var CustomFontTest = React.createClass({
      render:function(){
         return (<View><Text style={styles.customFont}>CustomFont</Text></View>)
      }
})
var styles = StyleSheet.create({
    customFont:{
        fontFamily:'gillsans-italic',
        fontSize:14,
        color:'#efefef'
    }
})

Answer 1

将您的字体放在android/app/src/main/assets/fonts下。

它们必须根据字体系列名称命名。以下是支持的内容:

{{fontName}}.otf
{{fontName}}_bold.otf
{{fontName}}_bold_italic.otf

您可以将 .otf 替换为 .ttf。 {{fontName}} 是您传递给组件的 style 属性的名称。