폰트 선택 기준

폰트 로딩 옵션 결정

폰트 옵션은 하나씩 고르는 값이 아니라, 첫 화면 텍스트와 네트워크 비용을 같이 맞추는 조합이다.

결정 순서

LCP text first
1

문자와 굵기 줄이기

실제 화면에서 쓰는 언어, weight, style만 선언해 다운로드할 폰트 파일 수를 먼저 낮춘다.

subsets, weight, style

2

첫 화면만 미리 받기

헤더나 LCP 텍스트에 필요한 폰트는 preload를 유지하고, 늦게 보이는 장식 폰트는 우선순위를 낮춘다.

preload: true / false

3

보이는 방식을 정하기

본문은 swap으로 빠르게 표시하고, 네트워크가 느리면 시스템 폰트를 유지해도 되는 영역은 optional을 고려한다.

display: swap / optional

추천 기준 기본 폰트는 필요한 범위만 preload하고, 보조 폰트는 화면 중요도에 따라 preload를 끄거나 optional로 두어 체감 속도를 지킨다.