expo-font

@amazon-devices/expo-font provides an interface to load fonts at runtime and use them in React Native components.

• Installation
• Examples
• API reference
  • Hooks
  • Methods
• Add custom fonts
• Supported versions
• Additional resources

Installation

1. Add the JavaScript library dependency in the package.json file.

   Copy code Copied to clipboard.

    dependencies: {
        ...
        "@amazon-devices/keplerscript-turbomodule-api": "~1.0.0",
        "@amazon-devices/expo-asset": "~2.0.0",
        "@amazon-devices/expo-constants": "~2.0.0",
        "@amazon-devices/expo-font": "~2.0.0",
        "expo": "~50.0.0",
        ...
    }
   

2. Reinstall dependencies using npm install command.

Examples

The example below demonstrates how to load fonts with the useFonts hook. You need to download the .otf file and replace the content inside the useFonts call.

import {useFonts} from '@amazon-devices/expo-font';
import React from 'react';
import {StyleSheet, Text, View} from 'react-native';

export const App = () => {
  const [fontsLoaded] = useFonts({
    'Inter-Black': require('./assets/fonts/Inter-Black.otf'),
  });

  if (!fontsLoaded) {
    return null;
  }

  return (
    <View style={styles.container}>
      <Text style={[styles.text, {fontFamily: 'Inter-Black'}]}>
        Inter Black
      </Text>
      <Text style={styles.text}>Platform Default</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 20,
    backgroundColor: 'white',
  },
  text: {
    fontSize: 30,
    color: 'black',
  },
});

API reference

Check out the dedicated documentation page for info about this library, API reference and more: Official Expo documentation for expo-font.

Hooks

Methods

Add custom fonts

In addition to modifying the standard Vega fonts in your app, you can load your own custom fonts.

To load custom fonts, place your font file in the assets/fonts/ directory.

Your font file name must match the font family name. For example, if the font family name is Open Sans, your font file name should be Open Sans.ttf.

Supported versions

Additional resources

For information on additional libraries, see Supported Third-Party Libraries and Services.

Last updated: Sep 30, 2025