Question

我创建了一个主要针对iOS的React Native应用。我正在使用自定义字体，可以看到它们通过AppDelegate.m（在XCode中）的一些调试已成功集成到应用中：

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

导致：-

MyFontFamily

MyFontFamilyFontOne

MyFontFamilyFontTwo

我的问题是访问元素中的特定字体-使用族或确切的字体名称（例如

）时，我总是看到相同的字体

<Text style={{fontFamily: 'MyFontFamily'}}>hello</Text>
<Text style={{fontFamily: 'MyFontFamilyFontOne'}}>hello</Text>
<Text style={{fontFamily: 'MyFontFamilyFontTwo'}}>hello</Text>

以相同的字体呈现结果。

在HTML中输出相同内容会产生所需的结果，例如字体一和二是不同的。

Answer 1

确保已正确链接字体。在react native中链接字体的正确方法如下所述：

在项目目录下创建一个字体目录，例如：./assets/fonts
编辑package.json文件并添加以下行： “ rnpm”：{ “资产”：[ “ ./app/assets/fonts” ] }
链接字体：在项目目录中运行“ react-native链接”

Answer 2

正如@Yanush所说，已验证您已正确链接字体。使用自定义字体之后，必须设置 fontFamily ， fontWeight 和 fontStyle

反应本机和字体变体

2 个答案: