이 페이지는 폰트 스택이 실제 텍스트에 어떻게 적용되는지 본다.

본문과 제목 샘플

제목 1

제목 2

제목 3

제목 4

이 문단은 한국어 본문, 기울임, 인라인 코드, 강조, 취소선을 함께 넣은 샘플이다.
같은 문장 안에서도 line-height, 자간, 줄바꿈이 균형을 유지해야 한다.

독자가 보는 것은 글자 자체가 아니라 글자 사이의 리듬이다.

다국어 샘플

코드 폰트

hugo server --disableFastRender
{
  "theme": "theme-upgrade-lab",
  "lang": "ko",
  "tokens": true
}

방향성 샘플

שלום. 이 문장은 왼쪽에서 오른쪽으로 읽히는 문맥을 확인하기 위한 샘플이다.

  • list
  • typography
  • spacing

هذا نص عربي لاختبار الاتجاه من اليمين إلى اليسار.

  • قائمة
  • اتجاه
  • قراءة

읽기 체크리스트

  • 헤딩이 본문보다 지나치게 무겁지 않은가
  • CJK와 라틴 텍스트가 섞였을 때 행 높이가 흔들리지 않는가
  • 코드 블록이 본문 리듬을 깨지 않는가
  • RTL 블록의 내부 여백이 대칭적으로 유지되는가