DEV Community
·
iOS字体之谜：为什么我的应用无法显示自定义字体？
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
在使用React Native和Expo开发移动应用时，自定义字体在iOS上无法显示，原因是iOS通过“全名”识别字体。解决方法是使用FontForge编辑字体的“全名”，并在app.config.ts中声明字体，以确保在所有平台上正常显示。
🎯
关键要点
- 在使用React Native和Expo开发移动应用时，自定义字体在iOS上无法显示。
- iOS通过“全名”识别字体，而不是文件名，这与Android不同。
- 使用console.log()可以检查iOS上实际加载的字体。
- iOS可能会生成十六进制标识符，而不是预期的字体名称。
- 解决方法是使用FontForge编辑字体的“全名”。
- 在app.config.ts中声明字体，而不是在代码中使用require()。
- 使用ExpoFont.getLoadedFonts()快速调试字体加载问题。
- 遵循最佳实践以避免类似问题，确保应用在所有平台上正确显示字体。
❓
延伸问答
为什么我的自定义字体在iOS上无法显示？
因为iOS通过字体的“全名”识别字体，而不是文件名，这与Android不同。
如何检查iOS上实际加载的字体？
可以使用console.log()和ExpoFont.getLoadedFonts()来检查iOS上实际加载的字体。
如何解决iOS上自定义字体不显示的问题？
使用FontForge编辑字体的“全名”，并在app.config.ts中声明字体。
FontForge是什么，它如何帮助解决字体问题？
FontForge是一个开源软件，可以用来编辑字体的元数据，包括修改字体的“全名”。
在Expo中如何正确集成自定义字体？
应在app.config.ts中声明字体，而不是在代码中使用require()来加载。
iOS和Android在处理自定义字体上有什么主要区别？
iOS通过字体的“全名”识别字体，而Android则可以直接使用文件名。
➡️
