React Next font 적용 안되는 문제 해결

문제발생

개발중에는 적용되던 폰트가 빌드 후 적용안됨

 

문제 분석

빌드하게되면 폰트, 이미지, svg 파일들은

.next/static/media 폴더안으로 들어가면서 절대경로로는 찾을 수 없게된다

 

해결방법

오류발생코드

---

오류 해결 코드

 

차이점이 보이시나요?

 

폰트 받아오는 경로를 절대경로 -> 상대경로로 수정 하면 해결됩니다

 

끝