상업적으로 안전한 한글 웹폰트와 크기 기준

홈페이지에 어떤 폰트를 써야 하나요?

OFL로 공개된 한글 폰트를 쓰면 상업용 홈페이지에도 무료이고 안전합니다. 프리텐다드·Noto Sans KR·나눔스퀘어 등이 대표적입니다. 크기는 본문 16~18px, 제목은 본문의 1.5~2.5배가 기준이며, 서체는 2종 이내가 통일감에 유리합니다.

'무료 폰트'라는 표기만 믿으면 안 되는 이유가 있습니다. 개인 용도만 무료이거나, 인쇄물은 되지만 웹폰트 변환·서버 탑재는 금지하는 조건부 무료가 섞여 있기 때문입니다. 확인 기준은 라이선스 원문 1가지입니다. OFL이면 상업 이용·웹 탑재·수정이 허용되고, 그 외 표기라면 배포처의 허용 범위 문서를 읽고 기록해 둡니다.

안전한 한글 폰트는 무엇인가요?

표의 폰트는 모두 상업용 웹사이트 탑재가 허용된 것들입니다. 업종별 무난한 조합은 본문 프리텐다드에 제목만 다른 폰트 1종을 얹는 방식입니다. 표에 없는 폰트를 쓰고 싶다면 눈누 같은 모음 사이트에서 라이선스 요약을 보고, 최종적으로는 배포처 원문으로 웹폰트 항목의 허용 여부를 확인합니다. 정확한 적용은 관할 기관·전문가 확인을 권장드립니다.

본문과 제목 크기는 몇 px인가요?

본문은 16~18px, 줄 간격은 글자 크기의 1.5~1.8배가 기준입니다. 웹 사용성 연구로 알려진 NN/g도 작은 본문 글자를 이탈 요인으로 꼽습니다. 제목은 위계에 따라 나눕니다. 페이지 제목 32~40px, 소제목 24~28px, 본문 16px이면 3단계 위계가 만들어집니다.

모바일에서 본문을 14px 이하로 줄이는 것이 가장 흔한 실수입니다. 화면이 작을수록 글자를 줄이는 것이 아니라 유지해야 하며, 16px 미만이면 iOS 사파리가 입력창에서 화면을 자동 확대하는 부작용도 생깁니다. 한 줄 글자 수는 모바일 기준 30~40자가 읽기에 편한 범위입니다.

웹폰트는 어떻게 적용하나요?

속도를 지키는 핵심은 4번입니다. 한글 폰트는 글자 수가 많아 굵기 1종당 파일이 수백 KB에서 1MB를 넘기도 합니다. 9종 전체를 로드하면 폰트만으로 수 MB가 되므로, 보통·중간·굵게 3종이면 대부분의 화면을 감당할 수 있습니다. 굵기를 줄인 뒤 측정하면 첫 글자 표시 시간이 눈에 띄게 줄어듭니다.

1. 배포처에서 라이선스 원문의 웹폰트 허용 여부를 확인합니다.
2. 본문 1종·제목 1종 이내로 서체를 결정합니다.
3. CDN 링크 방식 또는 파일 업로드 방식 중 하나를 선택합니다.
4. 실제 쓰는 굵기 2~3종만 로드하도록 설정합니다.
5. 적용 후 PageSpeed로 글자 표시 지연 여부를 측정합니다.
6. 라이선스 확인 기록(출처·날짜)을 보관합니다.

그래서 지금 무엇부터 하면 되나요?

자주 묻는 질문

참고 자료 — 한국저작권위원회 · 눈누(무료 한글 폰트 모음) · NN/g 사용성 아티클