웹 적용 전 체크
- 400·500·600·700처럼 실제 쓰는 굵기만 로드할 수 있는지
- woff2 제공 여부와 자체 호스팅 허용 여부
- LCP 영향이 큰 랜딩 페이지에서는 display swap과 fallback 폭 확인
- 한글·영문·숫자 baseline이 UI 컴포넌트 안에서 안정적인지
한글 웹폰트 고르기
한글 웹폰트는 예쁜 것보다 빠르고 읽히는 것이 먼저입니다. 한글 웹폰트는 파일 용량과 렌더링 품질이 UX에 직접 영향을 줍니다. 필요한 굵기만 고르고, 본문·버튼·숫자·영문 혼용을 실제 크기로 확인하세요.
추천 접근
- SaaS UI: Pretendard, SUIT, Noto Sans KR 계열 비교
- 콘텐츠 사이트: 긴 문단에서 피로감이 낮은 본문용 sans/serif
- 브랜드 랜딩: 제목용 Display + 본문용 neutral sans 분리
- 대용량 한글 폰트는 subset·preload·fallback 전략까지 같이 설계
웹폰트 선택 4단계
- 실제 화면에서 쓰는 본문·버튼·가격 문장을 미리보기한다.
- 필요 굵기와 파일 형식을 확인하고 라이선스 원문을 연다.
- CSS font-family와 fallback 스택을 정리한다.
- 페이지 성능과 폰트 로딩 상태를 배포 전 확인한다.
웹폰트 검토 기능
- Fonts: 굵기·본문 미리보기
- Licenses: 웹 임베딩 조건
- Agent resources: CSS 적용 힌트