FontFamily在React-Native中无法在Android设备中运行

时间:2018-02-12 07:44:49

标签: react-native react-native-android

我在React-Native项目的资源文件夹中添加了许多font-family和style。它在模拟器,模拟器和iOS设备中运行良好。但某些字体无法正常工作,也无法在Android设备中显示。

我尝试使用 react-native链接并检查Android应用目录中的资产文件夹,没有任何遗漏。

  

任何人都可以帮忙。

4 个答案:

答案 0 :(得分:0)

以下this文章为我工作。字体文件名的名称对于在两个平台上运行都很重要。

我有多个具有不同权重的字体文件(Circular Std Bold,Circular Std Medium等..)这些在android上工作我动态地将字体系列样式更改为此名称以更改权重。

android上的字体权重样式对我不起作用。

答案 1 :(得分:0)

我可能对此有解决方案。我遇到了同样的问题,字体在模拟器中可见,字体文件位于``android / src / main / assets / fonts''下,但在我的物理android设备(Huawei Honor 8X)上却不可见。 / p>

我发现问题出在我的物理设备的字体设置上。要解决此问题,请在手机上转到

设置->显示->文字样式->默认

“设置”屏幕:转到“显示” Settings screen : Go to Display

显示设置:查找文字样式,确保将其设置为图片中的默认样式 Display settings : Look for Text Style, Make sure it is set to default as seen in the pic

在此处选择默认值:现在,您的自定义应用程序字体应该可以使用 Select Default here : Now your custom app fonts should work

请注意,这些设置可能会因设备而异。我已经提到了手机的步骤。

始终使用默认的文本样式在应用程序中呈现自定义字体。 如今,OnePlus等手机拥有自己的自定义字体,我认为这会干扰“应用程序”中定义的自定义字体。

希望这会有所帮助。

答案 2 :(得分:0)

fontFamily在inlinstyle中不起作用,必须更改为

<Text style={{fontFamily:'SantPro'}} />

到     文字样式= {styles.text}

const styles = StyleSheet.create({
   text: {
        fontFamily:'SantPro',

    },
})

答案 3 :(得分:0)

问题在于具有自定义字体样式的设备(例如huawei设备)。我希望对此有一个解决方案,不要因为我们的应用程序而迫使用户更改其设备字体样式。