where to put fonts for react? code example

Example 1: react native link fonts

// create a folder in your root directory /assets/fonts/ 
// paste the custom fonts you want used in that folder
// create a file in the root called react-native.config.js
// Then add the following:

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

// then run 

react-native link

Example 2: how to add custom font to react project

@font-face {
  font-family: "AssistantRegular";
  src: local("AssistantRegular"),
    url("./fonts/assistant.regular.ttf") format("truetype");
  font-weight: normal;
}

Tags:

Css Example