开源软件名称（OpenSource Name）：

开源软件地址(OpenSource Url)：

开源编程语言(OpenSource Language)：

开源软件介绍(OpenSource Introduction)：

Use any of the 1052 fonts and variants from fonts.google.com in your Expo app

expo-google-fonts

The @expo-google-fonts packages for Expo allow you to easily use any of 1052 fonts (and their variants) from fonts.google.com in your Expo app.

These packages and all these fonts work across web, iOS, and Android and are free to use and open source.

Usage

Here is an example of using the Inter font family in a very simple project.

Install the package for the font you want

expo install @expo-google-fonts/inter expo-font

In your app

import React, { useState, useEffect } from 'react';

import { Text, View, StyleSheet } from 'react-native';
import AppLoading from 'expo-app-loading';
import {
  useFonts,
  Inter_900Black,
} from '@expo-google-fonts/inter';

export default () => {
  let [fontsLoaded] = useFonts({
    Inter_900Black,
  });

  if (!fontsLoaded) {
    return <AppLoading />;
  } else {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>

        <Text style={{ fontFamily: 'Inter_900Black' }}>
          Inter Black
        </Text>

      </View>
    );
  }
};

Example Project

Here is a minimal but complete example.

Each individual font family package README includes a complete example of using that font family.