Mobile | Tue Aug 23 20223,695 views

Custom Fonts

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

Go back to Projects

Support Our Community

Take your skills to the next level by enrolling in our courses!

React Native CourseMaster React with TypeScriptMaster Git & GitHubLiveStore Course

Your support helps us continue creating valuable resources for everyone. ❤️