사이트와 앱 UI에 쓸 한글 폰트를 고를 때 가장 먼저 걸리는 건 서체의 모양이 아니라 라이선스다. @font-face로 올리거나 앱 번들에 포함하는 순간 "웹폰트 임베딩" 축이 켜져야 한다. 이 글에서 다루는 12종은 모두 임베딩 축이 free로 검증된 한글 고딕이다. 선정 조건은 세 가지로 좁혔다. 산세리프(sans) 계열, 굵기 3개 이상, 한글 음절 11,172자(full) 완비.
왜 "웹폰트 임베딩" 축을 먼저 보는가
상업용 무료라고 적혀 있어도 UI 번들링은 별도 조항인 경우가 많다. 어떤 폰트는 이미지·인쇄물엔 자유롭지만 서버에 업로드해 CDN으로 뿌리는 행위는 재배포로 간주되기도 한다. 그래서 폰트별로 상업/수정/재배포/출처표기/유료재판매/웹임베드 여섯 축을 따로 쪼개 봤다. 이 중 UI 투입에 직접 걸리는 축은 웹임베드와 재배포 두 개다.
굵기 수도 UI에선 모양만큼 중요하다. 버튼 라벨(Semibold), 본문(Regular), 보조 캡션(Light)까지 한 가족에서 뽑으려면 최소 세 단계가 필요하다. 굵기가 세 개뿐인 폰트는 위계가 좁고, 아홉 단계짜리는 디자인 시스템 토큰과 1:1 매칭이 쉽다. x-height 비율은 14~16px 본문에서 소문자·중성 모음이 얼마나 열려 보이는지를 가늠하는 수치다. 0.50 전후가 UI 본문의 중간대, 0.28처럼 낮으면 전형적인 디스플레이 체형이다.
선정 기준(DB 값)
- 조건: embed_status=free · styles ⊃ sans · 굵기 ≥3 · 한글 음절 full(11,172)
- 비교 축: 굵기 배열, 라틴확장A·키릴·그리스 글리프 실측, x-height 비율, 라이선스 6축, best 페어 점수
- 글리프 수치는 designnews가 미리보기용 파일(cmap)에서 측정한 상대 비교값이다. 공식 배포본의 전체 지원 범위는 배포처 원문을 따른다.
나눔스퀘어 네오
나눔스퀘어 네오는 네이버가 배포하는 산세리프로, 굵기가 Light 300·Regular 400·Bold 700·Heavy 800·Black 900의 5단으로 짜여 있다. UI 본문부터 랜딩 헤드라인까지 한 가족으로 처리할 때 단계 간격이 넉넉하다. x-height는 0.525로 중간대, 세로쓰기 테이블(vert)이 실측에서 확인된다는 점이 UI용 산세리프에선 드문 특성이다. 라이선스는 상업·수정·재배포가 모두 가능, 출처표기 권장, 유료 재판매만 막힌다. best 페어는 디스플레이 극태인 검은고딕(/fonts/black-han-sans)과 86점. 본문 가족을 하나로 통일하고 포인트만 따로 쓰고 싶을 때 고려 대상이 된다.
나눔고딕
나눔고딕은 400·700·800 세 단으로 구성된 범용 고딕이다. x-height 0.542로 이 리스트에서 가장 열린 체형에 가깝고, 14px 본문에서 중성 모음이 쉽게 뭉개지지 않는다. 라틴확장A가 16자뿐이라 유럽어 혼용은 좁지만, 한글 본문이 중심인 블로그·공지·소개 페이지에선 체감 차이가 크지 않다. 라이선스 6축은 상업·수정·재배포 가능, 출처표기 권장, 유료 재판매 불가, 임베드 free. 네이버 산하라는 공통점을 가진 네오와 달리 굵기 간격이 넓어 위계보다 가독 중심 설계에 쓰기 좋다. best 페어는 세리프인 마루 부리(/fonts/maru-buri)와 86점.
서울 한강
서울 한강은 서울특별시가 배포하는 산세리프+디스플레이 혼합형이다. 굵기는 300·500·700·800 네 단, 라틴확장A 18자에 키릴 66·그리스 49를 추가로 품고 있어 다국어 UI 라벨에도 쓸 수 있다. 그려진 글리프 총수가 18,573으로 이 리스트에서 가장 큰 축에 속한다. x-height는 0.500, 획이 길고 수직 리듬이 또렷해 모바일 헤더에서 자간을 좁혀도 자소가 겹치지 않는다. 라이선스 6축은 상업·수정·재배포 가능, 출처 표기 필요, 임베드 free. best 페어는 프리텐다드와 88점으로 이 리스트에서 가장 높다. 공공·시정 톤에서 UI 전면 교체 후보로 쓸 수 있다.
나눔바른고딕
나눔바른고딕은 100·300·400·700 네 단이다. UltraLight 100까지 내려가는 폰트는 이 리스트에 많지 않다. 모바일 상단 메타 텍스트나 큰 숫자 디스플레이에서 얇은 획 쪽 선택지가 생긴다. 라틴확장A 18·키릴 66·그리스 49로 한강·남산과 같은 다국어 축을 공유한다. 글리프 총수 18,575, x-height 0.500. 라이선스 6축은 상업·수정·재배포 가능, 출처표기 권장, 임베드 free. best 페어는 노토 세리프 KR(/fonts/noto-serif-kr)과 86점. 세리프 본문과 산세리프 캡션을 섞는 에디토리얼 구조에 쓸 수 있다.
서울 남산
서울 남산은 한강과 같은 서울시 가족에 속한다. 굵기 구성(300·500·700·800)과 라틴확장A·키릴·그리스 수치가 한강과 동일하다. 다른 점은 획 끝 처리와 글자 폭이다. 한강 쪽이 조금 더 좁고 수직적이라면 남산은 자소 무게 중심이 아래로 가라앉아 본문에서 무게가 아래로 실린다. x-height 0.500, 글리프 총수 18,572. 라이선스 6축은 한강과 동일하게 상업·수정·재배포 가능, 출처 표기 필요, 임베드 free. best 페어는 같은 가족인 서울 한강(/fonts/seoul-hangang)과 86점으로, 본문 남산 + 헤드라인 한강 조합이 UI 위계로 유효하다.
고딕 A1
고딕 A1은 한양정보통신이 배포한 산세리프로, 굵기 축이 100부터 900까지 9단으로 꽉 차 있다. 디자인 시스템에서 Weight 토큰을 Thin·ExtraLight·Light·Regular·Medium·SemiBold·Bold·ExtraBold·Black 전부 매칭하고 싶을 때 1:1로 끌어다 쓸 수 있는 몇 안 되는 자유 라이선스 가족이다. 라틴확장A 128·키릴 255·그리스 125로 다국어 커버리지도 넓다. x-height 0.525, 글리프 총수 14,710. 라이선스 6축은 상업·수정·재배포 가능, 출처표기 해당없음, 임베드 free. best 페어는 세리프 극인 본명조(/fonts/source-han-serif-kr)와 88점.
아리따 돋움
아리따 돋움은 아모레퍼시픽이 배포한 돋움형 산세리프다. 굵기는 250·300·500·600·700 다섯 단, Thin 쪽이 250에서 시작해 얇은 축이 연속적이다. x-height 0.503, 글리프 총수 12,271. 다른 폰트와 차이가 큰 축은 라이선스다. 상업은 조건부, 수정은 불가, 재배포도 조건부, 출처 표기 불필요, 임베드만 free. 자소 변형이나 서브셋 재배포가 끼면 조항을 다시 봐야 한다. 사내 사이트·앱의 본문 폰트로 올리는 범위라면 임베드 축만으로 충족된다. best 페어는 마루 부리(/fonts/maru-buri)와 88점.
넥슨 Lv.2 고딕
넥슨 Lv.2 고딕은 300·400·500·700 네 단이다. Medium 500이 들어 있어 버튼 라벨 전용 굵기를 Regular와 Bold 사이에 하나 더 끼울 수 있다. 라틴확장A 18·키릴 66·그리스 48, x-height 0.500, 글리프 총수 12,254. 라이선스 6축에서 상업·재배포 가능, 수정 불가, 출처표기 권장, 임베드 free. 자소 수정 없이 그대로 올리는 UI 투입이라면 조건을 모두 통과한다. best 페어는 프리텐다드(/fonts/pretendard)와 85점. 게임·엔터테인먼트 톤 UI에서 본문 가족 후보로 쓸 수 있다.
동글
동글은 류양희가 그린 라운드 산세리프다. x-height 0.280으로 이 리스트에서 가장 낮다. 숫자만 보면 본문용으로 보이지 않지만, 자소 상단에 공간을 크게 비워 둔 설계라서 큰 포인트에서 쓸 때 둥근 획이 또렷하게 산다. 굵기는 300·400·700 세 단, 라틴확장A 127로 영문 혼용 폭이 넓다. 글리프 총수 12,486. 라이선스 6축은 상업·수정·재배포 가능, 출처표기 해당없음, 임베드 free로 자유도가 높다. best 페어는 나눔스퀘어 라운드(/fonts/nanum-square-round)와 82점. UI 본문보다 서비스 로고 영역·일러스트 라벨에 쓰는 쪽이 맞는다.
넥슨 Lv.1 고딕
넥슨 Lv.1 고딕은 Lv.2의 축소판에 가깝다. 굵기 3단(300·400·700), x-height 0.500, 글리프 총수 12,253. 다국어 축(라틴확장A 18·키릴 66·그리스 48)과 체형이 Lv.2와 겹치지만 Medium 500이 빠져 있다. 디자인 토큰을 Light·Regular·Bold 세 단으로만 운영하는 가벼운 서비스에선 Lv.1이 파일 수도 적고 관리 비용이 낮다. 라이선스 6축은 Lv.2와 동일하게 상업·재배포 가능, 수정 불가, 출처표기 권장, 임베드 free. 자소를 건드리지 않는 범위에서 UI 번들에 넣을 수 있다. best 페어는 프리텐다드(/fonts/pretendard)와 84점.
Asta Sans
Asta Sans는 42dot이 배포한 산세리프로, 굵기가 300·400·500·600·700·800 여섯 단으로 조밀하다. SemiBold 600이 분리돼 있어 UI 버튼·탭 라벨용 중간 굵기를 따로 정의할 수 있다. x-height 0.505, 글리프 총수 12,168. 라틴확장A 1·키릴 0·그리스 0으로 다국어 커버리지는 좁지만, 한글 중심 서비스 UI에서 굵기 토큰 설계에 집중할 때는 오히려 이 조밀한 구성이 유리하다. 라이선스 6축은 상업·수정·재배포 가능, 출처표기 해당없음, 임베드 free. best 페어는 프리텐다드(/fonts/pretendard)와 88점.
이사만루체
이사만루체는 공게임즈가 그린 산세리프+디스플레이 혼합형이다. 굵기는 300·500·700 세 단, x-height 0.500, 글리프 총수 12,253. 라이선스 6축에서 임베드는 free지만 재배포 불가·수정 불가 두 축이 꺼져 있다. 서브셋 파일을 외부 CDN에 올려 다시 뿌리거나 자소를 손봐 쓰는 경로는 막힌다. 자사 서비스 서버에 원본 파일을 그대로 올리는 UI 투입이라면 조건이 통과된다. best 페어는 프리텐다드(/fonts/pretendard)와 85점. 스포츠·게임 톤 헤더용으로 포인트 가족에 넣을 수 있다.
UI 본문 14~16px에서 읽히는 굵기
화면 UI 본문은 보통 1416px(약 10.512pt)에 Regular 400을 올린다. 이 조건에서 x-height가 0.50 이하로 떨어지면 자소 사이가 비어 보여 행간을 1.51.6으로 넉넉히 열어야 한다. 리스트 중 서울 한강·남산·바른고딕·Lv.1·Lv.2·이사만루체·Asta Sans·아리따 돋움이 0.500.505 구간에 속한다. 반대로 나눔고딕 0.542, 나눔스퀘어 네오·고딕 A1 0.525는 같은 포인트에서 자소가 열려 보여 행간을 1.4대까지 좁혀도 읽힌다. 동글의 0.280은 UI 본문용 숫자가 아니다. 큰 포인트 라벨·일러스트 캡션에 돌리는 쪽이 맞다.
버튼 굵기·토큰 설계
디자인 시스템이 Weight 토큰을 Light·Regular·Medium·SemiBold·Bold 다섯 단 이상으로 가져간다면 선택지는 좁아진다. 고딕 A1(9단), Asta Sans(6단), 나눔스퀘어 네오(5단), 아리따 돋움(5단) 네 가족이 다섯 단 이상을 수용한다. 토큰을 Light·Regular·Bold 세 단으로 단순화한다면 나눔고딕·동글·Lv.1·이사만루체도 가족 하나로 커버할 수 있다. 서울 한강·남산·바른고딕·Lv.2는 네 단이라 Medium 라벨용 굵기까지 수용 가능하다.
출처 표기 없이 써도 되는가
출처표기 축이 "해당없음"인 폰트는 라이선스 상 표기 의무가 명시되지 않은 쪽에 가깝다. 고딕 A1·동글·Asta Sans가 여기 속한다. "권장"으로 적힌 네이버 가족(나눔고딕·나눔바른고딕·나눔스퀘어 네오)과 넥슨 Lv.1·Lv.2, 이사만루체는 UI 하단·푸터·크레딧 페이지에 서체명을 넣어 두는 쪽이 안전하다. 서울 한강·남산은 출처 표기가 필요 축이라 공공누리 출처 문구를 넣어야 한다. 아리따 돋움은 출처 표기 불필요 축이지만 상업 조건부·수정 불가가 먼저 걸린다. 축별 세부 조항은 배포처 원문을 확인한다.
상황별 선택 요약
- 디자인 시스템 Weight 토큰 전면 매칭: 고딕 A1(9단)
- 다국어(라틴·키릴·그리스) 혼용 UI: 서울 한강·남산·나눔바른고딕(각 라틴확장A 18·키릴 66·그리스 49)
- 가족 하나로 본문+헤드라인: 나눔스퀘어 네오(300~900 5단)
- SemiBold 분리 버튼 라벨: Asta Sans(600 단독)·넥슨 Lv.2(500 단독)
- 공공·시정 톤 UI 전면 교체: 서울 한강·남산
- UltraLight 100 디스플레이: 나눔바른고딕
- 라운드형 포인트: 동글
- 사내 서비스 임베드 전용: 아리따 돋움(수정·재배포는 조건부라 서브셋 재배포 전 조항 재확인)
- CDN 재배포가 걸리는 외부 서비스: 이사만루체는 재배포 불가 축에 걸림, 원본 자사 서버 투입만 허용
웹폰트 임베딩 축이 free라고 해서 모든 투입 경로가 열리는 건 아니다. 자사 서버에 원본 파일을 올려 @font-face로 호출하는 범위, 앱 패키지에 번들링하는 범위, 서브셋 WOFF2를 외부 CDN에 올려 재배포하는 범위는 각각 다른 축을 건드린다. 리스트의 12종 중 재배포 축까지 모두 free인 가족은 나눔스퀘어 네오·나눔고딕·서울 한강·나눔바른고딕·서울 남산·고딕 A1·넥슨 Lv.2·동글·넥슨 Lv.1·Asta Sans다. 아리따 돋움은 재배포 조건부, 이사만루체는 재배포 불가다. 외부 CDN·오픈소스 서브셋 저장소에 올릴 계획이 있다면 두 폰트는 조항 원문을 다시 보고 결정한다.