한글 웹 타이포그래피 체크리스트

단어 단위로 줄바꿈

기본값은 글자 단위로 줄을 바꿔서 단어가 쪼개진다.

body {
  word-break: keep-all;
  overflow-wrap: break-word;
}

줄 간격은 넉넉하게

한글은 영문보다 글자가 빽빽해 보인다. 본문 line-height 는 1.7~1.9 정도가 편하다.

제목은 자간을 살짝 좁게

큰 글씨는 letter-spacing: -0.03em 정도 좁혀야 단단해 보인다.

글꼴은 Pretendard 가 무난하다. 가변 글꼴에 필요한 글자만 내려받는 버전이 있어 가볍다.