Font Optimization

next/font 빌드 포함

Google Fonts나 로컬 폰트를 자동 최적화하면 외부 요청을 줄이고 preload, fallback, className 적용 흐름을 표준화한다.

폰트 로딩 흐름

stable text

next/font

폰트 선언을 코드로 관리하고 빌드 시 최적화된 파일과 CSS를 생성한다.

적용 방식

className이나 variable을 통해 레이아웃 루트에 폰트 스타일을 연결한다.

성능 효과

외부 네트워크 요청과 FOIT/FOUT 위험을 줄여 초기 렌더링 안정성을 높인다.

importfont configclassNamerender
폰트 로딩 흐름

폰트 최적화는 예쁜 서체 선택을 넘어, 텍스트가 늦게 바뀌며 화면이 흔들리는 문제를 줄이는 작업이다.