Check out example codes for "import google fonts into react". It will help you in understanding the concepts better.

Code Example 1

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

Code Example 2

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

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

Learn ReactJs, React Native from akashmittal.com