The two officially supported font formats that work consistently in the Expo SDK across Android, iOS and the web, are OTF and TTF. However, you can put them anywhere you like. A common convention in React Native apps is to put your fonts in an.
For a working example, we are going to use Inter Black from the free and open source Inter font family by Rasmus Anderson. This page covers the aspects of getting a custom font, loading it in your project and what are some of the best practices to use when the font is being loaded in your project. However, if you want to inject some more brand personality into your app, a well-picked font can go a long way.Īs each operating system has its own set of platform fonts, if you want to produce an experience that is consistent for all users, you'll want to use your fonts in your project. Learn about using custom fonts, supported font formats for each platform and loading them.īoth Android and iOS and most desktop operating systems come with their own set of platform fonts.
