React Native 不识别自定义TTF字体
出场
在react native中使用自定义字体时,对Text组件使用fontFamily属性时一直提示unrecognized font family.
如果有朋友不会自定义字体,请参考React-Native配置自定义字体文件
探索
- 改变字体的名称,将founder lanting.ttf改为了founder.ttf。【失败】
- 将字体放在XCode项目根目录。【失败】
- 将字体改为了iOS内置字体,比如Avenir-Light。【成功但跑偏】
- 突然想到了解决方法。
解决
突然想到了字体的名字并不是字体文件的名字,它与这个文件并没有关系。
打开软件,将字体导入获得字体信息,
可以看到方正兰亭的这个字体名字叫FZLanTingHeiS-UL-GB。所以,只要将文件名改为FZLanTingHeiS-UL-GB.ttf,然后在项目中重新导入一下,即可。
网友评论