How do I add the Satoshi custom font to my React Native Expo app? (Expo SDK, fonts not loading / error after install)
01:48 28 Feb 2024

Environment: Expo (state SDK version), React Native, platform(s) affected (Android / iOS / web). What I did: I copied the Satoshi font files into my project and followed a YouTube tutorial to load them. Observed: After installing/adding the font I get an error (paste exact error message and stack trace). The app shows system font or crashes. Expected: The app should use Satoshi for Text components after loading the font. What I tried: show your relevant code snippets:

app.json / app.config.js changes (if any) font files location (e.g., assets/fonts/Satoshi-Regular.ttf) font-loading code (example minimal snippet you used, e.g., useFonts or Font.loadAsync) how you reference the font in styles (e.g., fontFamily: 'Satoshi') Provided here: paste the exact error, your Expo SDK version (expo --version / sdkVersion), and the minimal code below so responders can reproduce:

app font load snippet (Kotlin/JS) package.json relevant deps path listing under assets/fonts/ Specific question: What is the minimal, working example (Expo-compatible) to load and apply Satoshi—include:

exact font-loading code (using expo-font / useFonts) how to register the font name and reference it in styles any required app.json/asset bundling steps and troubleshooting steps for common errors (clear Metro cache, rebuild native app, ensure correct filename and case).

enter image description here

javascript android ios react-native fonts