profile
Frontend Web Developer
post-thumbnail

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

next/font 를 사용하면 폰트를 최적으로 로드할 수 있다. 모든 글꼴 파일에 대한 자동 자체 호스팅이 내장되어 있어, 레이아웃 이동 없이 최적으로 글꼴을 로드 할 수 있다. next/font/google vs. next/font/local next/font/google과 next/font/local 모두 폰트 최적화를 지원한다. 두 방식 모두 폰트에 대한 브라우저 캐싱과 프리로딩을 지원하여 페이지 로딩 속도를 높일 수 있다. next/font/google 구글 폰트의 CDN 서비스를 통해 폰트를 불러올 수 있다. 서버사이드 렌더링(SSR)과 클라이언트사이드 렌더링(CSR)을 지원한다. next/font/local 웹 폰트 다운로드 시간을 절약하고, 오프라인 사용 가능성을 제공한다. 이미지와 마찬가지로 클라이언트 측에서 파일을 다운로드할 필요가 없

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