Custom Fonts | Code with Beto

Welcome back! 🎨

Using a custom Font can change the feeling of your app, leading to a better UX. Lucky us Expo allow us to use custom fonts in a easy way.

Install Expo Font

`expo-font allows loading fonts from the web and using them in React Native components.

npx expo install expo-font

Using a Google Font

Check out the Expo Google Fonts project to learn more

Example using Inter Font:

expo install expo-font @expo-google-fonts/inter

Since your fonts won't be ready right away, it is generally a good practice to not render anything until the font is ready. Instead, you can continue to display the Splash Screen of your app until all fonts have loaded.

Learn more https://docs.expo.dev/guides/using-custom-fonts

Want to become a master in React Native? Check the React Native Course

Links

Youtube GitHub Download as Zip

Go back to Projects