결정#
Wiki와 이후 확장되는 랜딩페이지·앱·운영 도구의 기본 글꼴을 Pretendard Variable로 통일한다. 제목, 본문, 탐색, 표, 코드, 숫자와 출처 ID에 별도 서체를 혼용하지 않는다.
폰트는 pretendard@1.3.9 공식 npm 패키지의 dynamic subset을 각 정적 빌드에 포함한다. 사용자의 로컬 설치 상태나 외부 CDN 가용성에 의존하지 않는다.
타입 토큰#
표는 좌우로 이동할 수 있습니다.
| 역할 | 데스크톱 | 모바일 | 굵기 | 행간 |
|---|---|---|---|---|
| 본문 | 17px | 16px | 400 | 1.68 |
| 보조 정보 | 13px | 12–13px | 400–600 | 1.5 |
| 탐색·레이블 | 14px | 14px | 500–650 | 1.48 |
| H3 | 19px | 19px | 700 | 1.42 |
| H2 | 23px | 21px | 700 | 1.42 |
| H1 | 32px | 28px | 700 | 1.32 |
한국어 조판 규칙#
- 긴 문서의 본문 폭은 최대 42rem으로 제한한다.
- 본문은
word-break: keep-all과 안전한 overflow wrap을 함께 사용한다. - 한글 제목의 자간 축소는
-0.018em이내로 제한한다. - 12px 미만의 인터페이스 텍스트를 사용하지 않는다.
- 숫자 정렬이 필요한 메타데이터에는 별도 고정폭 서체 대신 tabular numbers를 사용한다.
결과#
- 팀원 환경마다 맑은 고딕·Segoe UI 등으로 달라지던 렌더링을 제거한다.
- 영문·한글·숫자가 섞인 리서치 문서의 위계를 한 family 안에서 유지한다.
- 향후 디자인 시스템 확장 시 type token만 공유하면 된다.