[react] font 적용하기

react 내 font를 적용해주겠다.

 

1. 다운로드 받은 폰트를 src/fonts/에 넣어준다.

 

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 100;
  src: url("./Pretendard/Pretendard-Thin.otf") format("opentype");
}

 

 

2. font.css 파일을 만들어 파일을 선언해 준다.

 

 

3. 최상단 파일인 index.js & index.tsx파일에 font.css파일을 적용해준다.

 

 

4.폰트를 사용할 css에 font-family를 적용해주면 된다.