# @next/font

5개의 포스트
post-thumbnail

Next.js: Local Font를 tailwindCSS와 같이 사용하면 발생하는 이슈

Next.js와 TailwindCSS를 사용한 프로젝트에서 localFonts를 사용해보았는데요... 다이나믹 라우팅 페이지에서 적용이 안되네요?

2023년 5월 28일
·
0개의 댓글
·
post-thumbnail

[Next.js] next/font/local 폰트 적용하기

next/font 를 사용하면 폰트를 최적으로 로드 할 수 있다. 모든 글꼴 파일에 대한 자동 자체 호스팅이 내장되어 있어, 레이아웃 이동 없이 최적으로 글꼴을 로드 할 수 있다. 그 중에서 next/font/local을 ChakraUI와 함께 사용해보자

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

Error - next/font" requires SWC although Babel is being used due to a custom babel config being present.

문제 발생지 해당 코드를 수정하고 문제가 발생했다. next/font를 추가하고 나서 문제가 발생했 에러내용 사용자 지정 바벨 구성이 있기 때문에 바벨을 사용하고 있지만 next/font에는 SWC가 필요합니다 라는 에러가 났다. SWC란? 자밧스크립트 프로젝트의 컴파일과 번들링 모두에 사용될 수 있는 빌드 툴이다. 웹 컴파일러의 기능을 제공하는 툴이다...

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

next.js v13 @next/font 적용기

프로젝트를 최근에 react(v18) + next(v13)으로 마이그레이션했다. next v13 소식중에 가장 간단히 적용해서 좋은 성능 변화를 이끌어낼 수 있을 것 같아보여서 바로 적용해보았다.@next/font 를 적용하면 세가지 정도가

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

[NextJS] 13v에 새로 추가 된 @next/font (feat. @emotions)

NextJS 13v에 추가된 @next/font/google를 @emotion/react의 css 함수와 사용. 그리고 마주친 errors.

2023년 1월 12일
·
0개의 댓글
·