이 페이지는 폰트 스택이 실제 텍스트에 어떻게 적용되는지 본다.
본문과 제목 샘플
제목 1
제목 2
제목 3
제목 4
이 문단은 한국어 본문, 기울임, 인라인 코드, 강조, 취소선을 함께 넣은 샘플이다.
같은 문장 안에서도 line-height, 자간, 줄바꿈이 균형을 유지해야 한다.
독자가 보는 것은 글자 자체가 아니라 글자 사이의 리듬이다.
다국어 샘플
코드 폰트
hugo server --disableFastRender
{
"theme": "theme-upgrade-lab",
"lang": "ko",
"tokens": true
}
방향성 샘플
שלום. 이 문장은 왼쪽에서 오른쪽으로 읽히는 문맥을 확인하기 위한 샘플이다.
- list
- typography
- spacing
هذا نص عربي لاختبار الاتجاه من اليمين إلى اليسار.
- قائمة
- اتجاه
- قراءة
읽기 체크리스트
- 헤딩이 본문보다 지나치게 무겁지 않은가
- CJK와 라틴 텍스트가 섞였을 때 행 높이가 흔들리지 않는가
- 코드 블록이 본문 리듬을 깨지 않는가
- RTL 블록의 내부 여백이 대칭적으로 유지되는가