폰트는 홈페이지의 목소리입니다. 같은 문장도 어떤 폰트로 쓰였는지에 따라 단정하게도, 가볍게도 들립니다. 그런데 폰트를 고를 때 예쁜가보다 앞서는 질문이 둘 있습니다. 잘 읽히는가, 그리고 상업적으로 써도 되는가입니다.
본문은 무조건 가독성이 우선입니다
제목은 개성 있는 폰트를 써도 되지만 본문은 오래 읽어도 피로하지 않은 폰트가 정답입니다.
- 본문에는 굵기가 고르고 글자 형태가 단순한 고딕 계열이 무난합니다. 손글씨체나 장식이 많은 폰트는 두세 줄만 넘어가도 읽기 힘들어집니다.
- 모바일 기준 본문 크기는 16px 안팎, 줄 간격은 글자 크기의 1.5~1.7배 정도가 편안합니다.
- 여러 굵기(Regular, Bold 등)를 제공하는 폰트를 고르면 제목과 본문을 폰트 하나로 해결합니다.
폰트는 두 종류면 충분합니다
제목용 하나, 본문용 하나. 이 조합이면 대부분의 홈페이지는 충분합니다. 폰트가 세 종류를 넘어가면 통일감이 깨지고 웹폰트 파일이 늘어나 로딩 속도도 느려집니다. 한글 폰트는 글자 수가 많아 파일이 무거운 편입니다. 웹폰트 제공 형식(우선 WOFF2)을 지원하는지 확인하고 필요한 굵기만 불러오세요.
무료 폰트, 라이선스 확인이 먼저입니다
무료 폰트라는 말만 믿고 쓰면 안 됩니다. 무료라도 허용 범위는 폰트마다 다릅니다.
- 개인 사용은 무료지만 상업적 사용은 유료인 폰트가 있습니다.
- 웹사이트 사용은 되지만 로고·BI 제작에는 제한이 있는 경우도 있습니다.
- 임베딩(웹폰트로 서버에 올리는 것) 자체를 별도 조건으로 두는 폰트도 있습니다.
폰트의 라이선스 조건은 바뀔 수 있습니다. 그러니 사용 시점에 공식 배포처의 라이선스 문서를 직접 확인해야 합니다. 블로그에 정리된 목록은 참고만 하고 최종 판단은 배포처 원문으로 하세요. 정부·지자체나 기업이 공개한 무료 한글 폰트가 많으니 선택지는 충분합니다.
고르기 어려울 때의 실전 기준
- 후보 폰트로 실제 홈페이지 문장을 넣어 모바일 화면에서 비교해 보세요. 샘플 문구와 실제 문장은 인상이 다릅니다.
- 숫자와 영문이 섞였을 때 어색하지 않은지 확인하세요. 전화번호, 가격 표기에서 티가 납니다.
- 업종 분위기와 맞추세요. 법률·의료는 단정한 고딕, 카페·공방은 부드러운 라운드 계열처럼 방향만 정해도 후보가 좁혀집니다.
결정 전에 확인할 두 가지
본문은 가독성 좋은 고딕 계열로 잡고, 폰트는 제목용과 본문용 두 종류까지만 씁니다. 무료 폰트라도 상업적 사용과 웹 임베딩이 허용되는지는 공식 배포처에서 직접 확인해야 합니다. 그다음은 실제 문장을 모바일 화면에 넣어 보고 결정하면 됩니다.
NOAH 패키지는 업종과 브랜드 톤에 맞는 폰트 조합을 적용해 제작해 드립니다.