`next/font`는 런타임 요청을 빌드 산출물로 앞당긴다
폰트 로딩을 브라우저가 알아서 하게 두지 않고, 빌드 시점에 파일과 CSS 계약을 확정한다.
1
import
Google 또는 local 폰트와 옵션을 코드에서 선언한다.
2
수집
빌드가 필요한 파일, subset, weight만 골라 산출물에 포함한다.
3
CSS 생성
`@font-face`, display, fallback 메트릭, 변수 이름이 만들어진다.
4
레이아웃 연결
`className` 또는 `variable`을 root layout이나 컴포넌트에 붙인다.
5
브라우저 표시
preload와 swap 정책에 따라 텍스트를 빠르게 보여준다.
핵심은 폰트를 “외부에서 늦게 받아오는 리소스”가 아니라 “빌드가 관리하는 정적 자산”으로 바꾸는 것이다.