Expo `.ttf` fonts don't load using SDK 42 and `expo-font@9.2.1`

Summary

Font loading doesn’t seem to work with .ttf fonts. It used to… but trying to upgrade to the latest Expo SDK results in errors. There is more information in the reproduction repo below, code is identical to the documentation over here.

Managed or bare workflow? If you have ios/ or android/ directories in your project, the answer is bare!

managed

What platform(s) does this occur on?

iOS

SDK Version (managed workflow only)

42

Environment

Mac OS 11.4 Node 14 Latest expo (42)

Reproducible demo or steps to reproduce from a blank project

https://github.com/hanford/expo-font-bug

[robinpersson]

Im still having problem making this work. I can´t get any fonts or icons to load for ios

[EvanBacon]

@dashcraft interesting, if this is happening in dev then it might be a metro.config.js / expo-cli issue – in production it’s probably an expo-updates update. I’m investigating it as a metro issue, and I’ve linked the issue to the updates team for them to check out as well.

Edit: cannot repro using the same specs here https://github.com/expo/expo/issues/13358#issuecomment-912818774 downgrading my expo-cli version to determine if this was fixed somehow.

Edit 2: I can repro the font issue using the font repro, thanks @hanford for providing it! Using yarn instead of npm install appears to fix the issue, gonna try and figure out why. Clearing the package-lock.json, and regenerating seems to also fix the issue. Possibly related to this dependency issue:

Edit 3: Can confirm the duplicate copy of expo-font is the issue, not exactly sure how we can prevent this right now, both versions appear to be the same version (9.2.1) 🙃 I’d recommend using yarn to install packages as it works better than npm install. Nuking the package-lock.json and reinstalling with npm install also worked, but it’s unclear why it only worked this time and not before since the versions didn’t change.