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

2017-03-23  本文已影响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,然后在项目中重新导入一下,即可。

上一篇 下一篇

猜你喜欢

热点阅读