how to import fonts into react code example

Example 1: import google fonts into react

@import url('https://fonts.googleapis.com/css?family=Patrick+Hand+SC|Roboto&display=swap');

body {
  font-family: 'Patrick Hand SC', cursive;
}

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;
}