ReactNative - 自定义字体问题

Question

我已按照指南在我的React Native项目中添加了4种自定义字体（包括支持的样式，例如粗体，黑色，中等）： https://blog.bam.tech/developper-news/add-a-custom-font-to-your-react-native-app

有问题的字体是：

• Guardian Egyp
• Guardian Sans
• Guardian Sans Cond
• Guardian Sans XCond

在iOS中，当我在fontFamily组件上使用<Text>样式属性时，以下Space Cased系列名称可以使用：

• fontFamily: 'Guardian Egyp'
• fontFamily: 'Guardian Sans'

具体使用该字体的正确Regular样式。

但是当我对以下内容做同样的事情时：

• fontFamily: 'Guardian Sans Cond'
• fontFamily: 'Guardian Sans XCond'

使用了错误的字体样式（它使用粗体斜体）

但是如果我使用PascalCasing包括样式：

• fontFamily: 'GuardianSansCond-Regular'
• fontFamily: 'GuardianSansXCond-Regular'

它按预期工作。

有没有人知道为什么在Cond和XCond字体系列的情况下，空间套装＆＃39;命名为fontFamily不起作用？

所有字体系列都以相同的方式导入RN项目，具有相同的命名约定。

注意：使用RN 0.53.0

Answer 1

我在iOS上遇到了相同的错误，找不到原因。字体名称错误！检查什么是您的字体的确切名称。添加字体系列，然后分别键入。 您可以使用此代码在AppDelegate.m文件中列出字体名称。然后检入调试器：

for (NSString* family in [UIFont familyNames])
{
  NSLog(@"%@", family);
  for (NSString* name in [UIFont fontNamesForFamilyName: family])
  {
    NSLog(@" %@", name);
  }
}