无法识别的字体系列 w React Native 62 on iOS only答案

【问题标题】：Unrecognized font family w React Native 62 on iOS only无法识别的字体系列 w React Native 62 on iOS only
【发布时间】：2020-05-26 09:33:56
【问题描述】：

Android 运行良好 - 我有一个 Text 组件 <Text style={styles.orText}>{'HELLO'}</Text> 和定义了 fontFamily: 'SourceSansPro-SemiboldItalic' 的样式。在 iOS 上，我收到错误 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro-SemiboldItalic'。

如果我在 iOS 上将该样式更改为 SourceSansPro-Semibold，则不会出现错误，但文本根本不会呈现。我有一个来自 rn-elements 的 Button 组件，可以正确呈现'SourceSansPro-Semibold'。

我已将所有字体 .ttf 文件添加到我的项目中，它们都在 Copy Bundle Resources 中，并添加到 Info.plist 中的 Fonts Provided by Application 下。已经完成了多次构建清理并尝试切换到旧版构建系统。我正在从 Xcode 运行应用程序，但我也尝试运行 react-native run-is 并得到相同的字体错误。我在 App Delegate 中运行代码来报告字体，它显示任何斜体的截断名称：

2020-05-26 10:57:35.426495+0200[97197:8029221] Source Sans Pro
2020-05-26 10:57:35.426871+0200[97197:8029221]  SourceSansPro-BlackIt
2020-05-26 10:57:35.427183+0200[97197:8029221]  SourceSansPro-SemiboldIt
2020-05-26 10:57:35.427585+0200[97197:8029221]  SourceSansPro-LightIt
2020-05-26 10:57:35.427993+0200[97197:8029221]  SourceSansPro-BoldIt
2020-05-26 10:57:35.428413+0200[97197:8029221]  SourceSansPro-Light
2020-05-26 10:57:35.428764+0200[97197:8029221]  SourceSansPro-ExtraLightIt
2020-05-26 10:57:35.429126+0200[97197:8029221]  SourceSansPro-Regular
2020-05-26 10:57:35.429549+0200[97197:8029221]  SourceSansPro-It
2020-05-26 10:57:35.429852+0200[97197:8029221]  SourceSansPro-ExtraLight
2020-05-26 10:57:35.430232+0200[97197:8029221]  SourceSansPro-Bold
2020-05-26 10:57:35.430571+0200[97197:8029221]  SourceSansPro-Semibold
2020-05-26 10:57:35.430948+0200[97197:8029221]  SourceSansPro-Black
2020-05-26 10:57:44.341 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro'
2020-05-26 10:58:11.447 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro'
2020-05-26 11:00:43.704 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro-SemiboldItalic'
2020-05-26 11:00:47.150 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:316] Unrecognized font family 'SourceSansPro-SemiboldItalic'

有什么想法吗？？ Xcode 11.4.1 和 RN 62.2。发生在设备和模拟器上。 TIA

【问题讨论】：

标签： ios react-native stylesheet

【解决方案1】：

1-确保你使用相同的字体名称（如果你写错字体名称，android不会给你错误）

2 次运行 npx react-native link

3- 如果您在 ios 中仍然遇到同样的错误，您可以点击此链接在 ios 中手动链接字体

Link Custom Fonts Manually for iOS

4-为“SourceSansPro-Semibold”去掉其他文字样式你会发现文字出现

【讨论】：

我认为这不是链接问题，因为 Button 在 iOS 和 Android 上正确呈现了 Semibold 字体，但 Text 组件在 iOS 上没有呈现，而且我已经完成了所有手动设置步骤.感谢您的帮助。