[Next.js] 폰트 추가

Next.js에서 폰트를 추가 하고 싶은데 내 기준 가장 쉬운 방법은 

 

먼저 폰트를 다운로드 한다.

https://fonts.google.com/noto/specimen/Noto+Sans+KR

Noto Sans Korean - Google Fonts

NotoSans는 두부라고 해서 글자가 깨질 때 네모네모 되는 것이 특징인데 되게 재밌는 거같다. 

 

무튼 다운로드한 폰트를 public밑에 폴더를 만들어 넣어준다.

 

그렇게 넣은 폰트를 @font-face를 사용하여 추가해주면 된다.

사실 되게 노가다적인 면이 있다 아래 보시다시피 font-weight:100을 해준 것처럼

 

다른 굵기를 넣는다면 하나하나 다 넣어줘야 정상적으로 작동하는 듯 하다..