이 글의 목차
먼저 알아둘 답
휴대폰에서 홈페이지 글자가 잘 읽히게 하려면 무엇을 바꿔야 하나요?
멋있는 글꼴보다 글자를 쉽게 읽을 수 있는지가 먼저입니다. 휴대폰에서 본문 크기, 줄 사이 간격과 배경 대비를 확인하세요. 제목·설명·조건을 다른 크기로 구분하면 중요한 정보를 더 쉽게 찾을 수 있습니다.
세무 사무소: 휴대폰에서도 서비스 설명을 편하게 읽기
PC에서는 정갈한데 휴대폰에서는 긴 문장이 좁은 폭에서 여러 줄로 끊어집니다.
이렇게 바꿔보세요
한 문단에는 한 가지 내용을 적고 장부 기장·신고 대행·상담 준비물을 소제목으로 나눕니다. 작은 회색 글씨를 키우고 줄 간격을 확보합니다.
글꼴 이름만 바꿔서는 읽기 문제가 해결되지 않습니다. 문장의 길이와 크기·간격을 함께 조정해야 합니다.
내 사업에서 확인할 일
평소 쓰는 휴대폰에서 확대하지 않고 조건과 연락처를 읽을 수 있는지 확인하세요.
이 글에 나오는 용어3개 · 뜻과 예시 보기
낯선 용어는 아래 뜻과 예시를 참고하세요.
- 타이포그래피글꼴·글자 크기·줄간격을 정하는 표현
-
화면에서 글이 읽히는 방법을 다룹니다. 제목과 본문의 구분, 줄 사이 여백과 배경 대비를 함께 확인합니다.
예를 들면 예쁜 글꼴이라도 작은 회색 글자로 길게 쓰면 가격 조건을 읽기 어려울 수 있습니다.
- 접근성다양한 사용자가 내용을 읽고 기능을 쓸 수 있게 하는 조건
-
키보드 사용, 읽기 쉬운 글자, 이미지 설명과 오류 안내 등을 포함합니다. 일부 항목 확인만으로 인증이나 법적 준수를 판정하지 않습니다.
예를 들면 마우스를 쓰기 어려운 사람도 메뉴를 선택하고 상담 링크로 이동할 수 있어야 합니다.
- 반응형화면 크기에 맞춰 배치가 바뀌는 방식
-
PC, 태블릿, 휴대폰에 맞춰 글·사진·메뉴의 배치를 조정합니다. 단순히 화면 전체를 작게 줄이는 것과 다릅니다.
예를 들면 휴대폰에서는 가로 메뉴를 접고, 여러 칸의 정보를 세로로 배치해 읽기 쉽게 만듭니다.
먼저 알아둘 점: 한국어 웹 타이포그래피
제목에 굵기를 많이 써도 본문이 지나치게 작거나 줄이 길면 읽기 어렵습니다. 서비스 설명과 가격, VAT, 별도 기능은 사용자가 판단할 정보로 비슷한 가독성을 확보하세요. 글꼴 파일의 상업적 이용, 수정, 재배포 조건은 해당 라이선스를 확인해야 합니다.
결정 전에 비교할 기준
| 확인할 조건 | 판단과 작업 범위 |
|---|---|
| 읽기 계층 | H1, H2, 본문, 보조 조건의 순서와 크기 |
| 화면 대비 | 배경, 텍스트, 버튼, 포커스의 명확한 색 |
| 글꼴 운영 | 라이선스, 로딩, 대체 글꼴, 글자 지원 |
직접 확인할 체크리스트
- 320px부터 확대 상태까지 내용을 읽는지
- 흰 버튼의 글자가 배경에 섞이지 않는지
- 폰트 로딩 전후 큰 레이아웃 변화가 없는지
- 가격, 조건, 연락처를 작은 글자로 감추지 않는지
이 자료가 있으면 상담이 구체적입니다
- 브랜드 글꼴, 사용권
- 대표 본문과 긴 제목
- 가독성 문제의 화면, 기기
확인할 공식 자료
외부 서비스와 기준은 달라질 수 있습니다. 실제 적용 시 현재 안내와 개별 운영 조건을 확인하세요.
YOUR NEXT STEP WITH 짓고 JiTGO
보기 좋은 화면을, 사용하기 쉬운 홈페이지로.
모바일 메뉴와 정보 순서, 상담 연결을 실제 사용 흐름에 맞게 정리합니다.
- 기본형 30만 원 · VAT 별도
- 진단·상담 모두 무료
- 계약금·선결제 없이 먼저 제작
- 5일 검토 · 미채택 비용 0원
- 채택·결제 후 원천 소스 · 첫 1년 기본 서버 운영비 포함
최대 20페이지의 소개형 기본 상품에 적용합니다. 도메인·유료 서비스·추가 기능·별도 유지보수는 제외합니다. 완료 안내 다음 날부터 5일 검토하고 무응답은 미채택·비용 0원으로 자동 종료합니다.
무료 선제작 이용조건 ↗ · 고객 자료는 허락 없이 재사용하지 않습니다.