اگر می خواهید فونت خودتان را در react native استفاده کنید، این مراحل را انجام دهید:

1- گذاشتن فایل فونت ها در پروژه

در قسمت root پروژه، یک فولدر بنام assets بسازید و داخل این فولدر ، یک فولدر دیگر بنام fonts بسازید و فایل فونت ها (.ttf) را در آنجا قرار دهید.

2- ساخت فایل react-native.config.js

در همان root پروژه، یک فایل بنام react-native.config.js بسازید و کد زیر را داخل آن قرار دهید:

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./assets/fonts'],
};

3- لینک فولدر asset به پروژه

حالا دستور زیر را در ترمینال وارد کنید:

npx react-native-asset

حالا می توانید از فونت های سفارشی خودتان در همه جای پروژه استفاده کنید. (دقت کنید که باید دقیقا نام فایل فونت را استفاده کنید). یک نمونه از استفاده از فونت:

import {StyleSheet, Text, View} from 'react-native';
import React from 'react';
const App = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.quicksandRegular}>
        This text uses a quick sand font
      </Text>
      <Text style={styles.quicksandLight}>
        This text uses a quick sand light font
      </Text>
      <Text style={styles.ralewayThin}>
        This text uses a thin italic raleway font
      </Text>
      <Text style={styles.ralewayItalic}>
        This text uses a thin italic raleway font
      </Text>
    </View>
  );
};
export default App;
const styles = StyleSheet.create({
  container: {
    backgroundColor: 'lavender',
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  quicksandLight: {
    fontFamily: 'Quicksand-Light',
    fontSize: 20,
  },
  quicksandRegular: {
    fontFamily: 'Quicksand-Regular',
    fontSize: 20,
  },
  ralewayItalic: {
    fontFamily: 'Raleway-Italic',
    fontSize: 20,
  },
  ralewayThin: {
    fontFamily: 'Raleway-ThinItalic',
    fontSize: 20,
  },
});