next.js

Next.js 폰트 설정하기 (feat.styled-components)

최근에는 순수 React를 사용하기보다 거의 모든 프로젝트에서 Next.js를 사용하고 있다. Next.js를 사용하지 않을 이유가 없기 때문인데.. Next.js의 장점에 대해서는 다른 글에서 자세히 써보도록 할 것이다. 보통 폰트는 프로젝트 세팅할 때 적용하고 따로 설정할 일이 많지 않기 때문에 방법을 잘 잊어버린다. 다시 찾아보는 수고를 덜기 위해서 Next.js에 폰트를 적용하는 방법을 자세히 작성해 볼 것이다. 1. 라이브러리, 프레임워크 버전 - Next.js 12.2.3 (13버전이 아님 주의!) - styled-components 5.3.5 폰트 관련 설정이므로 css관련 버전만 명시한다. 2. 사용할 폰트 - Prentendard Pretendard는 한글에 최적화되어 있고 9개의 다양한..