React Native 中的 SF 紧凑文本答案

【问题标题】：SF Compact Text in React NativeReact Native 中的 SF 紧凑文本
【发布时间】：2015-12-15 11:49:10
【问题描述】：

当作为自定义字体插入 XCode 时，SF Compact Text 似乎不太喜欢 React Native 环境。有谁知道如何正确引用字体？我已经完成了所有必要的步骤，但是当我在使用“fontFamily”时尝试各种参考变体时，我似乎没有让文本显示出来。

我是否包含连字符？如果我这样做，那么 Medium 的“fontWeight”是什么？

它有以下几种：

【问题讨论】：

标签： xcode fonts react-native font-family

【解决方案1】：

有一种方法可以打印出 React Native 应用程序中的所有可用字体。为此，您需要进入您的 Xcode 项目并将以下代码粘贴到您的项目中，对我来说，我通常将其放在 AppDelegate.m 中 NSURL *jsCodeLocation 下：

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

这应该会为您提供如下所示的输出：

您可以使用它浏览所有可用的字体，并以注销的方式使用它们。例如，

<Text style={{fontFamily: 'Zap Raygun V2.0'}}>This is Zap Raygun</Text>
<Text style={{fontFamily: 'Didot'}}>This is Didot</Text>
<Text style={{fontFamily: 'Menlo-BoldItalic'}}>This is Menlo-BoldItalic</Text>

【讨论】：

酷！谢谢！