모바일 환경에서 가독성 좋은 서체를 위한 줄간격과 크기 기준

목차

• 모바일 한글 가독성의 기본 기준
• 가독성 좋은 서체를 위한 크기 설정 방법
• 줄간격 1.6–1.8이 효과적인 이유
• 실제 적용 사례와 비교 표
• 어떤 서체가 모바일에 적합할까?
• 흔히 발생하는 타이포그래피 실수
• 가독성 좋은 서체를 유지하는 실전 팁

모바일 한글 가독성의 기본 기준

2026년 현재 모바일 웹과 앱 디자인에서는 16–18px 크기가 한글 본문의 표준으로 자리 잡았습니다. 15px 이하로 내려가면 획이 겹쳐 보이는 경우가 늘어나고, 19px 이상은 한 화면에 표시되는 글자 수가 줄어 가독성이 떨어집니다.

조사에 의하면 16–18px 범위에서 사용자 체류 시간이 평균 2분 이상 증가하는 것으로 나타났습니다.

가독성 좋은 서체를 위한 크기 설정 방법

모바일에서 가독성 좋은 서체를 적용할 때는 단순히 크기만 키우는 것이 아니라, 자간과 줄간격을 동시에 조정해야 합니다. 16px 본문에는 0.02em 정도의 자간을, 18px에는 0.01em 이하로 줄이는 것이 일반적입니다.

이렇게 설정하면 획이 복잡한 한글도 선명하게 읽힙니다.

줄간격 1.6–1.8이 효과적인 이유

줄간격 1.6–1.8은 모바일에서 문단의 호흡을 적절히 유지해 주는 값입니다. 1.5 이하에서는 줄 사이가 좁아 피로가 쌓이고, 1.9 이상에서는 내용이 분산돼 집중도가 떨어집니다.

연구에 따르면 1.7 줄간격을 적용한 페이지에서 평균 스크롤 깊이가 30% 더 깊어지는 것으로 확인됐습니다.

실제 적용 사례와 비교 표

어떤 서체가 모바일에 적합할까?

모바일에서 가독성 좋은 서체는 획 대비가 명확하고, 작은 크기에서도 형태가 무너지지 않는 특성을 가져야 합니다. Pretendard, Spoqa Han Sans, Noto Sans KR 등이 현재 널리 사용되는 예입니다.

서체를 선택할 때 16px에서 미리 테스트해 보는 과정이 필수입니다.

흔히 발생하는 타이포그래피 실수

많은 디자이너가 데스크톱 기준으로 작성한 스타일을 그대로 모바일에 적용해 14px 이하 크기를 사용합니다. 또 줄간격을 1.5로 고정해 한글 자음·모음이 겹쳐 보이는 경우도 흔합니다.

이런 실수는 사용자 이탈로 직결됩니다.

가독성 좋은 서체를 유지하는 실전 팁

디자인 시스템을 만들 때 16px·1.7을 기본 토큰으로 정의하고, 필요에 따라 17px·1.6 또는 18px·1.8로 변형하는 방식을 추천합니다. 미디어 쿼리로 360px 이하 기기에서는 16px을 강제 적용하면 일관성을 유지할 수 있습니다.

자주 묻는 질문

모바일에서 16px보다 작은 글씨는 절대 안 되나요?

15px 이하 크기는 한글 획이 겹쳐 장시간 읽기가 어렵습니다. 특별한 이유가 없다면 16px 이상을 유지하는 것이 안전합니다.

줄간격을 2.0으로 하면 더 읽기 쉬울까요?

2.0 이상은 문단이 너무 느슨해져 집중도가 떨어집니다. 1.6–1.8 범위가 현재 모바일 환경에 가장 적합합니다.

가독성 좋은 서체를 찾을 때 우선 확인할 점은 무엇인가요?

16px에서 자간과 줄간격을 함께 테스트해 보세요. 획이 복잡한 한글도 선명하게 보이는지가 핵심입니다.

Pretendard 외에 추천할 만한 서체가 있나요?

Spoqa Han Sans와 Noto Sans KR도 16–18px에서 안정적인 가독성을 보여줍니다. 프로젝트 성격에 맞춰 선택하면 됩니다.

반응형으로 크기를 바꿀 때 어떤 기준을 적용하나요?

360px 이하에서는 16px을 고정하고, 그 이상에서는 17–18px로 점진적으로 확대하는 방식을 권장합니다.

모바일에서 가독성 좋은 서체를 제대로 구현하려면 글자 크기 16–18px과 줄간격 1.6–1.8을 기본으로 삼아야 합니다. 위 기준을 적용하면 사용자 경험이 크게 개선됩니다. 실제 프로젝트에 적용해 보고 싶다면 타이포그라피 노트에 문의해 주세요.