Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/94.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios 反应本机和字体变体_Ios_Reactjs_React Native_Fonts - Fatal编程技术网

Ios 反应本机和字体变体

Ios 反应本机和字体变体,ios,reactjs,react-native,fonts,Ios,Reactjs,React Native,Fonts,我创建了一个React原生应用程序,主要针对iOS。 我正在使用自定义字体,通过AppDelegate.m(在XCode中)中的一些调试,可以看到它们已成功集成到应用程序中: 导致:- 密丰家族 MyFontFamilyFontOne MyFontFamilyFontTwo 我的问题是访问元素中的特定字体-我总是看到在使用族或确切的字体名称时呈现相同的字体,例如 <Text style={{fontFamily: 'MyFontFamily'}}>hello</Text>

我创建了一个React原生应用程序,主要针对iOS。 我正在使用自定义字体,通过AppDelegate.m(在XCode中)中的一些调试,可以看到它们已成功集成到应用程序中:

导致:-

密丰家族

MyFontFamilyFontOne

MyFontFamilyFontTwo

我的问题是访问元素中的特定字体-我总是看到在使用族或确切的字体名称时呈现相同的字体,例如

<Text style={{fontFamily: 'MyFontFamily'}}>hello</Text>
<Text style={{fontFamily: 'MyFontFamilyFontOne'}}>hello</Text>
<Text style={{fontFamily: 'MyFontFamilyFontTwo'}}>hello</Text>
你好 你好 你好 结果与呈现的字体相同


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

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

  • 在项目目录下创建字体目录,例如:./assets/font
  • 编辑package.json文件并添加以下行: “rnpm”:{ “资产”:[ “/应用程序/资产/字体” ] }
  • 链接字体:在项目目录中运行“react native Link”

  • 正如@Yanush所说,您已经验证了字体链接是否正确。使用自定义字体后,如果使用例如
    AmericanTypewriter Light
    而不是自定义字体,则必须设置fontFamilyfontWeightfontStyle

    ,是否运行自定义字体?一种和两种字体基本上是独立的字体,尽管它们是同一系列。当在MacOS字体手册中查看它们时,它们被列为“MyFontFamily”下的“一”和“二”。我知道!!!但是没有问题!在style属性中使用每个属性时,必须设置fontWeight和fontStyle,否则react Native将引发错误。
    <Text style={{fontFamily: 'MyFontFamily'}}>hello</Text>
    <Text style={{fontFamily: 'MyFontFamilyFontOne'}}>hello</Text>
    <Text style={{fontFamily: 'MyFontFamilyFontTwo'}}>hello</Text>