Check out example codes for "@font-face css". It will help you in understanding the concepts better.

Code Example 1

@font-face {
  font-family: myFirstFont;
  src: url(sansation_bold.woff);
  font-weight: bold;
}

Code Example 2

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

Learn ReactJs, React Native from akashmittal.com