解决 React Native 使用自定义字体时Unrecognized font family的错误

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，然后在项目中重新导入一下，即可。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容