React Native中的SF Compact Text

时间:2015-12-15 11:49:10

标签: xcode fonts react-native font-family

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

我是否包含连字符?如果我这样做那么Medium的'fontWeight'是什么?

它有以下几种类型:

SF Font Types in Xcode

1 个答案:

答案 0 :(得分:2)

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

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

这应该会给你一个如下所示的输出: enter image description here

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

<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>