how to import a google font 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 google fonts to css in react

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@700&display=swap');
at the top of css file