이 페이지는 글꼴을 설명하는 데서 멈추지 않고, 실제로 눈에 보이는 문장으로 비교한다.
비교 기준
- 본문 글꼴과 헤딩 글꼴이 분리되어도 톤이 유지되는가
- CJK 문장과 Latin 문장이 함께 있어도 행간이 깨지지 않는가
- RTL 문장이 들어와도 읽기 순서가 맞는가
본문 샘플
RTL 샘플
هذا مثال لاختبار الخطوط والاتجاه والفراغات مع نص عربي داخل الصفحة. يجب أن يبقى السطر مقروءًا من اليمين إلى اليسار بدون كسر غير متوقع.
확인할 토큰
| 토큰 | 의미 |
|---|---|
--font-body |
본문 기본 글꼴 |
--font-heading |
제목용 글꼴 |
--font-ui |
UI/메뉴용 글꼴 |
--font-display |
강조용 글꼴 |
--font-mono |
코드용 글꼴 |
--line-height-base |
기본 행간 |
--line-height-relaxed |
여유 있는 행간 |
--word-break-body |
본문 줄바꿈 정책 |
결론
언어별 폰트는 “예쁘게 보이는가”보다 읽기 피로가 적은가를 먼저 본다.