我如何使用 react native 为 android 和 ios 使用相同的自定义字体

IT技术 javascript jquery reactjs react-native
2021-05-02 03:22:55

我正在使用 react native 为 ios 和 android 使用相同的代码。现在在我的项目中,我想为两者使用自定义字体。我知道如何为 ios 应用自定义字体,但这些相同的字体如何也适用于 android?

//新样本

我在 sample/android/app/src/main/assets/fonts/gillsans-italic.ttf 下添加了自定义字体 我在 CustomFontTest 组件中应用了这个 gillsans-italic.ttf 字体,如下所示

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'
    }
})
1个回答

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

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

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

您可以将 .otf 替换为 .ttf。{{fontName}}是你经过的名字style组件的属性。