ReactNative -自定义字体问题

Question

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

所涉及的字体如下：

• 守护者卵
• 守护者Sans
• 守护者Sans Cond
• 卫报Sans XCond

在iOS中，当我在<Text>组件上使用fontFamily样式属性时，以下以空格为大小写的姓氏工作：

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

具体而言，该字体使用的是正确的常规样式。

然而，当我对以下方面做同样的事情时：

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

使用了错误的字体样式(它使用粗体斜体)

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

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

它如预期的那样工作。

有人知道为什么在Cond和XCond字体家族中，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);
  }
}