폰트 처리 흐름

next/font 빌드 통합

Google Fonts와 로컬 폰트를 사용할 때 subset, weight, preload, className 적용 범위를 함께 결정합니다.

Google

빌드 시 자동 최적화

next/font/google은 폰트 요청을 줄이고 필요한 CSS를 프로젝트에 맞게 생성합니다.

local

로컬 파일 통제

next/font/local은 사내 폰트나 브랜드 폰트를 외부 요청 없이 배포해야 할 때 파일 경로, weight, preload를 코드에서 통제합니다.

fallback

레이아웃 흔들림 완화

대체 폰트와 display 전략을 고려해 텍스트가 늦게 바뀌며 흔들리는 문제를 줄입니다.

폰트 weight 선별

폰트 최적화 균형

모든 weight를 넣으면 표현은 편하지만 초기 로딩 비용이 커지므로 실제 사용하는 조합만 남깁니다.

next/font 빌드 판정값

범위전역 폰트와 일부 UI 전용 폰트를 분리합니다.
용량사용하지 않는 weight, style, subset이 포함되지 않았는지 확인합니다.
표시렌더링 중 폰트 교체로 버튼이나 제목이 밀리지 않는지 봅니다.