next/font 빌드 흐름

폰트 로딩을 브라우저가 알아서 하게 두지 않고, 빌드 시점에 파일과 CSS 계약을 확정한다.

1

핵심 1

next/font 빌드 흐름 `next/font`는 런타임 요청을 빌드 산출물로 앞당긴다

2

핵심 2

폰트 로딩을 브라우저가 알아서 하게 두지 않고, 빌드 시점에 파일과 CSS 계약을 확정한다.

3

핵심 3

1 import Google 또는 local 폰트와 옵션을 코드에서 선언한다.

4

핵심 4

2 수집 빌드가 필요한 파일, subset, weight만 골라 산출물에 포함한다.

핵심next/font 빌드 흐름은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.