휴대폰에서 한글 글씨가 너무 작을 때

같은 10px인데 한글만 뭉개지는 이유

저희 템플릿에서 재 보니 영문은 10px에서도 읽을 만했습니다. 그런데 같은 10px에서 한글 라벨은 글자가 뭉개져서 읽기 어려웠어요. 한글은 한 글자 안에 획이 많아서 같은 크기라도 더 작게 읽힙니다.

그래서 저희는 한글에 맞춘 기준을 따로 정했습니다. 휴대폰 본문은 16px 이상으로 하고, 작은 보조 글씨도 12px 아래로는 내리지 않습니다. 사진 밑 설명은 13px로 둡니다. 영문 주소처럼 영문만 들어가는 자리는 11px까지 씁니다.

많은 테마와 디자인 기준은 영문을 기준으로 글자 크기를 잡습니다. 이 크기를 한글 사이트에 그대로 쓰면 작은 글씨가 생각보다 더 작게 읽힙니다.

컴퓨터에서 보기 좋던 크기가 휴대폰에서 줄어들면

컴퓨터 화면에서 보기 좋게 맞춘 크기가 휴대폰에서 그대로 줄어드는 경우도 있습니다. 그러면 보조 글씨부터 안 읽힙니다.

휴대폰 글씨를 크게 해 두고 쓰는 손님도 많습니다. 사이트에 작은 글씨가 있으면 이런 손님은 더 불편합니다.

저희 템플릿 98페이지를 휴대폰 폭에서 재 본 날

2026년 8월 31일에 저희 템플릿 사이트의 글자 크기를 휴대폰 폭에서 모두 쟀습니다.

처음에는 몇 곳만 손으로 골라서 봤습니다. 그다음 검사를 돌려 98페이지를 모두 재 보니 기준보다 작은 글씨 자리가 32종류 나왔습니다. 손으로 골라 볼 때는 못 본 자리들이었어요. 페이지마다 아래쪽에 똑같이 붙는 꼬리말 제목이나 「이전 글」 버튼처럼 여러 페이지에 한꺼번에 들어가 있는 자리가 손으로 고를 때 통째로 빠져 있었습니다.

크기만 볼 일도 아니었습니다. 본문보다 작은 소제목도 같이 나왔거든요. 제목이 본문보다 작으면 읽는 사람이 어디가 제목인지 놓칩니다.

휴대폰을 들고 확인해 볼 두 가지

먼저 휴대폰으로 내 사이트를 열고 팔을 편하게 둔 채로 보세요. 그 거리에서 사진 설명이나 날짜, 꼬리말처럼 가장 작은 글씨가 읽히는지 확인하면 됩니다.

다음으로 글 하나를 열어 소제목이 본문보다 눈에 띄게 큰지 봐 주세요.

처음부터 한글과 휴대폰에 맞춘 홈페이지가 필요하시면 홈페이지 제작을 살펴보세요.