[React] 리액트 프로젝트에 구글 폰트 적용하기

우선, 구글 폰트 페이지에 들어가 원하는 글꼴을 선택해준다.

Google Fonts

 

Noto Fonts가 제일 심플한 것 같아 선택을 해줬다!

둘러보다가 마음에 드는 폰트를 선택하면 장바구니처럼 폰트들이 Selected families에 담긴다.

 

Selected families를 보면 아래쪽에 알아서 내가 선택한 폰트들을 이용할 수 있는 코드를 만들어 놓았기 때문에 폰트가 쓰일 스타일시트에 그대로 복사 붙여넣기를 하면 된다. index.css 파일에 import 해주고, body에 font-family를 설정해주면 적용되는 것을 볼 수 있다!