반응형 타이포그래피
이 페이지는 rem + clamp() 기반으로 설계되었고, 브라우저의 글꼴 확대/축소(접근성 설정)에 자연스럽게 반응함.
브라우저에서 ⌘/Ctrl + 또는 − 로 확대/축소 해보면 전체 스케일이 유지됨타이포 스케일 예시
- --font-xs (보조 설명)
- --font-sm (small text)
- --font-md (body text)
- --font-lg (section title)
- --font-xl (heading)
- --font-xxl (hero title)
설계 포인트
• 기준은 html font-size
• body font-size는 기본 텍스트 크기 역할
• 모든 크기는 rem → 사용자 접근성 설정 존중
• clamp로 화면 크기에 따른 유연한 스케일링