React Native 中的 SF 紧凑文本

Question

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

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

它有以下几种类型：

Answer 1

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

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>

React Native 中的 SF 紧凑文本

SF Compact Text in React Native

xcode

fonts

react-native

font-family