한글 웹사이트에서 가독성과 사용자 경험을 고려할 때 **폰트 크기(font-size)**와 **줄 간격(line-height)**은 매우 중요합니다. 보통 다음과 같은 기준을 따릅니다:
✅ 본문 (Body Text)
- 폰트 크기:
16px - line-height:
1.6또는150% - 📌 가장 일반적인 설정이며, 모바일에서도 충분히 읽기 편한 크기입니다.
✅ 소제목 (Subheadings, 예: h2, h3 등)
- 폰트 크기:
18px ~ 24px - line-height:
1.4 ~ 1.5 - 📌 콘텐츠를 구분 짓기 위해 크기를 다르게 설정하되, 지나치게 크면 흐름이 깨질 수 있음.
✅ 제목 (Main Heading, h1)
- 폰트 크기:
28px ~ 36px - line-height:
1.2 ~ 1.4 - 📌 시선을 끌기 위한 메인 타이틀용. PC와 모바일의 구분을 두기도 함.
✅ 모바일에서의 권장 폰트
- 본문:
15px ~ 16px - 소제목:
18px ~ 20px - 제목:
22px ~ 28px
✅ 추가 팁
- 폰트는 가독성 좋은 고딕체 계열 사용 (예: Noto Sans KR, Spoqa Han Sans Neo, Pretendard 등)
- 웹 접근성을 위해 너무 작은 폰트는 피하고, 콘텐츠마다 충분한 여백과 대비를 주는 것이 중요
답글 남기기