디지털 프로덕트의 UI/UX 디자인이나 웹 개발을 진행할 때 Pretendard와 Noto Sans KR 중 어떤 폰트를 선택해야 할지 고민하는 경우가 많습니다. 결론부터 명확히 짚는다면, 모바일 앱·웹 대시보드·SaaS 서비스 등 디지털 인터페이스 환경에서는 Pretendard가 압도적으로 유리하며, 방대한 다국어 호환성이나 공공 문서·인쇄물 중심의 안정적인 텍스트 환경에서는 Noto Sans KR이 최선의 선택입니다. 프로젝트에 적합한 공식 서체를 안전하게 내려받고 싶다면, Newtil 무료 폰트 모음에서 공식 다운로드 링크를 확인하세요.
Pretendard와 Noto Sans KR은 언제 쓰면 좋을까 핵심 요약
두 폰트는 모두 본고딕(Source Han Sans)의 한글 글리프를 기반으로 파생되었으나, 지향하는 설계 목적과 실무 환경에서의 디테일에서 뚜렷한 차이를 보입니다.
- Pretendard 선택 기준: 웹 프론트엔드 개발, 모바일 앱 화면, 대시보드, 핀테크 서비스 등 영문·숫자·기호가 한글과 빈번하게 섞여 출력되는 화면에 최적입니다. Inter 폰트를 기반으로 라틴 글리프가 통합되어 있어 특수문자와 숫자의 높낮이(베이스라인)가 한글과 완벽하게 일치하며, 별도의 CSS 자간 튜닝(letter-spacing) 없이도 균형 잡힌 가독성을 보여줍니다.
- Noto Sans KR 선택 기준: 글로벌 서비스, 정부 및 공공기관 서식, 인쇄 출판물, 전통적인 블로그 포스트처럼 방대한 언어 지원과 시스템 호환성이 최우선인 환경에 적합합니다. 구글과 어도비의 다국어 폰트 프로젝트인 CJK(한·중·일) 패밀리와 자연스럽게 맞물려 다국어 웹사이트 구축 시 글꼴 깨짐 없는 안전한 폴백(Fallback) 환경을 보장합니다.
실무 디자이너와 프론트엔드 엔지니어의 관점에서 두 폰트의 핵심 스펙을 정리하면 다음과 같습니다.
- 영문 및 숫자 조화: Pretendard는 Inter 기반으로 영문 대소문자와 숫자의 시각 보정이 완료되어 UI에 바로 배치할 수 있는 반면, Noto Sans KR은 영문 로만 글리프와 한글 간 높이 차이가 있어 정교한 타이포그래피 세팅 시 추가적인 조정이 필요합니다.
- 자간 기본값: Pretendard는 본고딕 특유의 다소 넓은 한글 자간을 컴팩트하게 축소 조정하여 작은 화면에서도 가독성이 뛰어납니다. Noto Sans KR을 본문에 쓸 때는 통상 -1% ~ -2% 수준의 자간 조정을 권장합니다.
- 가변 폰트(Variable Font) 지원: 두 서체 모두 단일 파일 내에서 굵기(Weight)를 유연하게 조절할 수 있는 가변 폰트를 지원하여 웹 로딩 성능 최적화에 기여합니다.
- 라이선스 범위: 둘 다 SIL Open Font License(OFL) 기반의 상업용 무료 폰트로, 상업적 인쇄물·웹사이트·임베딩·영상 자막 등에 제약 없이 무료로 활용할 수 있습니다.
Newtil 무료 폰트 모음에서 확인할 수 있는 기능
Newtil 무료 폰트 모음(Font Kit)은 라이선스 검증이 완료된 상업용 서체를 한곳에서 탐색하고 신속하게 프로젝트에 적용할 수 있도록 설계된 큐레이션 도구입니다. 웹사이트에서 실제로 제공하는 핵심 기능은 다음과 같습니다.
- 공식 배포처 다운로드 링크: 임의로 재가공된 비공식 파일이 아닌, 원작자 공식 깃허브 및 배포처의 최신 릴리즈 다운로드 링크를 제공합니다.
- 명확한 라이선스 가이드: 인쇄, 웹, 앱 임베딩, BI/CI 등 라이선스 적용 범위를 직관적으로 분류하여 저작권 리스크를 사전에 예방합니다.
- 웹폰트 적용 코드 스니펫: 웹 서비스 제작 시 번거로운 파일 호스팅 없이 즉시 사용할 수 있는 공식 CDN 링크 및 CSS
@font-face코드를 안내합니다. - 서체 스타일별 분류: 고딕(Sans-serif), 명조(Serif), 디스플레이 등 목적별로 필터링하여 원하는 서체를 빠르게 탐색할 수 있습니다.
처음 사용하는 사람을 위한 단계별 사용법
디자인 도구나 웹 프로젝트에 폰트를 처음 적용하는 작업자라도 아래의 4단계를 따르면 수분 내에 설정을 마칠 수 있습니다.
- 1단계: 사용 목적에 맞는 포맷 결정하기
포토샵, 일러스트레이터, 피그마(Figma) 등 그래픽 디자인 작업에는 OTF 또는 TTF 포맷을 선택합니다. 반면 웹사이트 제작에는 압축률이 높은 WOFF2 포맷을 우선적으로 선택해야 트래픽과 로딩 지연을 최소화할 수 있습니다. - 2단계: 공식 배포처에서 폰트 파일 다운로드
Newtil 폰트 모음 페이지에서 Pretendard 또는 Noto Sans KR 항목을 찾아 공식 다운로드 링크로 이동합니다. 전체 글리프 패키지 또는 용량을 줄인 서브셋(Subset) 패키지 중 프로젝트 성격에 맞는 파일을 받습니다. - 3단계: 로컬 시스템에 글꼴 설치
내려받은 압축 파일을 해제한 후, 윈도우 환경에서는 폰트 파일을 우클릭하여 ‘모든 사용자용으로 설치’를 선택하고, 맥(macOS) 환경에서는 서체 관리자(Font Book)를 통해 설치를 완료합니다. 피그마 데스크톱 앱이나 어도비 프로그램을 재시작하면 폰트 패밀리가 정상 인식됩니다. - 4단계: 웹 프로젝트 CSS 연동
웹 프로젝트에서는 HTML<head>내에 링크 태그를 추가하거나, CSS 스타일시트 최상단에@font-face선언을 추가합니다. 이후font-family: 'Pretendard', sans-serif;형태로 기본 폰트를 지정하면 전역 스타일이 완성됩니다.
실제 활용 예시와 주의사항
두 서체를 실무에 효과적으로 녹여내기 위해서는 렌더링 특성과 저작권 고지 방식을 정확히 인지해야 합니다.
1. 대시보드와 금융 데이터 표(Table) 구현 시
금융 차트, 결제 금액, 주식 호가창처럼 숫자가 수시로 갱신되는 화면에서는 글자마다 폭이 달라 숫자가 흔들려 보이지 않아야 합니다. Pretendard는 오픈타입 기능 중 font-variant-numeric: tabular-nums;(고정폭 숫자)를 완벽하게 지원하여 수치가 깔끔하게 수직 정렬됩니다. 대시보드 UI 작업 시 이 속성을 활성화하면 정보 전달력이 대폭 상승합니다.
2. 장문 텍스트 및 다국어 병기 서식
한국어와 영문뿐 아니라 중국어 간체/번체, 일본어가 하나의 페이지에 함께 렌더링되는 글로벌 플랫폼에서는 Noto Sans 패밀리가 탁월합니다. Noto Sans CJK 계열과 완벽한 웨이트 매칭이 이루어지므로, 다국어 전환 시 레이아웃 줄바꿈이나 폰트 렌더링 높이가 어긋나는 현상을 방지할 수 있습니다.
3. 상업용 무료 라이선스 관련 주의사항
두 서체 모두 오픈 폰트 라이선스(OFL)를 따르므로 대부분의 상업 프로젝트에 무료로 쓸 수 있으나, 다음과 같은 행위는 법적으로 엄격히 금지됩니다.
- 폰트 파일 자체의 유료 재판매: 폰트 원본 또는 수정본 파일을 단독으로 유료 판매하는 행위는 불가합니다.
- 라이선스 고지 누락: 소프트웨어 패키지 내에 폰트를 포함(Bundling)하여 배포할 경우, 반드시 원작자의 저작권 정보 및 OFL 라이선스 전문 텍스트를 포함해야 합니다.
모바일에서 사용하는 방법
모바일 환경에서는 데스크톱과 다른 시스템 폰트 환경과 네트워크 제약을 고려해야 합니다.
- 모바일 웹 브라우저(Responsive Web): 모바일 기기는 셀룰러 네트워크를 사용하는 경우가 많아 폰트 용량에 매우 민감합니다. 11,172자 전체를 포함한 완성형 폰트(용량 수 MB) 대신, 실사용 2,350자만 압축한 서브셋(Subset) 형태의 웹폰트를 사용해야 페이지 이탈을 유발하는 폰트 깜빡임(FOIT/FOUT)을 방지할 수 있습니다.
- 네이티브 앱(iOS / Android): iOS는 시스템 기본 서체로 Apple SD 산돌고딕 Neo를, 안드로이드는 Noto Sans 계열(Roboto/Noto Sans CJK)을 기본 탑재하고 있습니다. 앱 브랜딩을 위해 Pretendard를 전역 폰트로 지정할 때는 앱 번들 내에 가변 폰트 파일(TTF)을 포함시키고, 폰트 웨이트 매핑을 플랫폼 표준 가이드라인에 맞추어 설정해야 합니다.
관련 Newtil 도구와 함께 쓰는 방법
웹사이트 타이포그래피를 완성하는 과정에서 서체 선정 외에도 포맷 최적화와 CSS 스타일 코딩 작업이 수반됩니다. Newtil에서 제공하는 다양한 유틸리티 도구를 함께 활용하면 작업 효율을 극대화할 수 있습니다.
- Newtil 무료 폰트 모음: 신규 프로젝트의 디자인 무드에 어울리는 안전한 무료 폰트 라인업을 탐색하고 공식 소스를 확보합니다.
- Newtil 폰트 변환기 도구: 보유하고 있는 고용량 원본 파일(OTF/TTF)을 브라우저 친화적인 WOFF2 규격으로 압축 변환할 수 있는 폰트 변환기를 활용하여 웹 로딩 속도를 개선합니다.
- 웹 단위 및 타이포그래피 계산 도구: 디자인 시안의 픽셀(px) 단위를 웹 표준 상대 단위(rem, em)로 자동 연산해 반응형 웹 구현을 돕는 유틸리티를 병행할 수 있습니다.
자주 묻는 질문
Q1. Pretendard는 회사 로고(CI/BI)나 유튜브 썸네일에 완전히 무료인가요?
네, 완전 무료입니다. Pretendard는 SIL Open Font License를 따르는 상업용 무료 서체이므로 상업적 기업 브랜딩 로고, 제품 패키지, 유튜브 썸네일 및 영상 자막, 출판물 표지 등 모든 상업적 영역에 라이선스 비용 없이 사용할 수 있습니다.
Q2. Noto Sans KR 대신 Pretendard를 웹폰트로 쓸 때 속도 저하는 없나요?
기본적으로 다국어 전체를 담은 폰트 파일은 용량이 크지만, 공식 배포처에서 제공하는 경량화 서브셋(Dynamic Subsetting) CDN 또는 WOFF2 가변 서브셋을 사용하면 폰트 용량이 수십~수백 KB 단위로 줄어듭니다. 적절한 서브셋을 사용한다면 Noto Sans KR과 동일하게 쾌적한 속도로 서비스할 수 있습니다.
Q3. 웹사이트 제작 시 Noto Sans KR과 Pretendard를 함께 써도 되나요?
기술적으로는 가능하지만 권장하지 않습니다. 두 서체를 동시에 로드하면 불필요하게 폰트 파일이 중복 다운로드되어 사이트 초기 로딩 속도(LCP)가 저하됩니다. 타이포그래피의 통일성을 위해서도 본문과 제목 모두 하나의 패밀리로 통일하거나, 명조(Serif) 계열과 고딕(Sans-serif) 계열처럼 명확한 대비를 주는 조합을 선택하는 것이 좋습니다.
