Try npm i expo-dynamic-fonts
. You can add custom fonts at runtime and you just pass in a font prop to the text component
https://www.npmjs.com/package/expo-dynamic-fonts
import React from 'react';
import { View } from 'react-native';
import { Text } from 'expo-dynamic-fonts';
const App = () => {
return (
<View className="flex-1 justify-center items-center">
<Text font="Open Sans" className="text-lg">
Hello, Open Sans!
</Text>
<Text font="Roboto" className="text-xl mt-4">
Hello, Roboto!
</Text>
</View>
);
};
export default App;