在react-native

时间:2017-07-17 11:47:07

标签: react-native fonts

我在React Native app中添加了2种字体。一个是:MyFont-Regular,另一个是MyFont-Bold。我可以将它们与fontFamily: 'MyFont-Regular'fontFamily: 'MyFont-Bold'一起使用。但是,我想将Regular字体用作fontFamily: 'MyFont',将bold用作style: {fontFamily: 'MyFont', fontWeight: 'bold'。有一些解决方法吗?

我使用

将字体添加为资源

"rnpm": { "assets": ["some_path/fonts"] }

在我的package.json文件中。

1 个答案:

答案 0 :(得分:2)

第1步:假设您拥有 ./ assets / fonts / 文件夹,只需将字体文件命名为 MyFont

第2步:然后,将此代码添加到 ./ package.json

“rnpm”: {
   “assets”: [“./assets/fonts”]
}

第3步:在终端中运行:

  

$ react-native link

然后你应该看到这样的东西:

enter image description here

如果你想把它变成粗体,你可以设置如下样式: fontWeight:'粗体' fontWeight:700

更新:了解我们所说的字体是Pensum Pro,不可能将相同的字体文件用于多种字体权重。

编辑#1:拼写错误

编辑#2:添加信息