FontFamily React Native App使用设备costum字体覆盖(Samsung& Oppo)

时间:2018-02-05 12:30:21

标签: android css reactjs react-native fonts

在React Native中,我使用Rubik字体为所有文本定义字体系列,但对于某些设备(SAMSUNG& OPPO),字体看起来像使用自定义设备字体覆盖,因为该品牌可以为其设备选择自定义字体。

我不知道为什么有时候某些文字看起来像是使用自定义设备字体&有些文字仍然使用Rubik字体。

环境:

  • OS:macOS HighSierra
  • 节点:9.3.0
  • 纱线:1.3.2
  • npm:5.7.0
  • 守望者:4.9.0

的软件包:

  • react-native:" ^ 0.47.2,
  • 反应:" ^ 16.0.0-alpha.12,
  • react-native-vector-icons:^ 4.4.2,

目标平台:Android

enter image description here

有关如何制作设备字体的任何想法都不能覆盖设置的字体系列字体?

2 个答案:

答案 0 :(得分:1)

在package.json中添加密钥

{
.
.
.
  sideEffects:false,
.
.
.
}

答案 1 :(得分:0)

在IOS中,如果仅使用fontFamily:“ Rubik”,则应用程序会根据fontStyle(例如Regualr / Italic / Bold等)自动识别样式。

但是在android中,有时您必须使用完全相同的fontFamily,例如fontFamily:“ Rubik-SemiBold”,fontFamily:“ Rubik-Regular”。

它应该可以解决您的问题。