美文网首页
解决 React Native 使用自定义字体时Unrecogn

解决 React Native 使用自定义字体时Unrecogn

作者: 一长亭 | 来源:发表于2017-03-23 17:11 被阅读0次

    React Native 不识别自定义TTF字体


    出场

    react native中使用自定义字体时,对Text组件使用fontFamily属性时一直提示unrecognized font family.

    如果有朋友不会自定义字体,请参考React-Native配置自定义字体文件

    探索

    1. 改变字体的名称,将founder lanting.ttf改为了founder.ttf。【失败】
    2. 将字体放在XCode项目根目录。【失败】
    3. 将字体改为了iOS内置字体,比如Avenir-Light。【成功但跑偏】
    4. 突然想到了解决方法。

    解决

    突然想到了字体的名字并不是字体文件的名字,它与这个文件并没有关系。
    打开软件,将字体导入获得字体信息,

    �fonts.png

    可以看到方正兰亭的这个字体名字叫FZLanTingHeiS-UL-GB。所以,只要将文件名改为FZLanTingHeiS-UL-GB.ttf,然后在项目中重新导入一下,即可。

    相关文章

      网友评论

          本文标题:解决 React Native 使用自定义字体时Unrecogn

          本文链接:https://www.haomeiwen.com/subject/emrtottx.html