【问题标题】:Custom fonts not working in android (react native 0.57.4)自定义字体在 android 中不起作用(react native 0.57.4)
【发布时间】:2018-11-05 16:27:33
【问题描述】:

我正在为我的项目使用谷歌字体 (https://fonts.google.com/specimen/Noto+Sans+KR)。

我已按照以下文档链接字体。 https://medium.com/@danielskripnik/how-to-add-and-remove-custom-fonts-in-react-native-b2830084b0e4

组件的样式是:

{fontFamily:'NotoSansKR-Regular'}

它在 IOS 中工作,但在 android 中不工作。以前的 RN 版本运行良好。

【问题讨论】:

标签: android reactjs react-native fonts


【解决方案1】:

如果您使用的是自定义字体请勿应用任何样式,如 fontWeightfontStyle,如果这样做,它将从您的文本中删除您的自定义字体样式。

另一件事是将你的字体文件命名为font-family 名称,这样{fontFamily: 'Font-Family'} 将适用于两个平台。

StyleSheet.create({
    textStyle: {
        fontFamily: 'Font-FileName'
    }
})

【讨论】:

  • 这可行,但我确实需要粗体字体...在 IOS 上工作正常
  • 这是一个完整的答案。一段时间以来,我一直在尝试实现自定义字体,但它们看起来不正确,因为我有一个 fontWeight。谢谢!
【解决方案2】:

我可能对此有解决方案。我遇到了同样的问题,字体在我的模拟器中可见,字体文件位于“android/src/main/assets/fonts”下,但在我的物理 android 设备(华为荣耀 8X)上不可见。

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

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

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

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

希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 2017-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-01
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多