Fonts

If you need to apply a font other than “Jost_400Regular”, you can apply them in the text styles regularly as fontFamily. import { JOST } from '../res/styles/Fonts';

buttonText: { color: WHITE, fontSize: 14, fontFamily: JOST[600], }, Based on figma, I can see these font weight so far. As we see a new font weight, we can just load new fonts in App.tsx. I’m using a module of Expo for Google Fonts, so it would just load everything without the need of downloading the fonts. Fonts.tsx export const JOST = { '400': 'Jost_400Regular', '500': 'Jost_500Medium', '600': 'Jost_600SemiBold', }; In App.tsx import { useFonts, Jost_400Regular, Jost_500Medium, Jost_600SemiBold } from '@expo-google-fonts/jost'; const [fontsLoaded] = useFonts({ Jost_400Regular, Jost_500Medium, Jost_600SemiBold, });