새로워진 스냅덱, 더 빠른 덱 제작 흐름을 만나보세요.

무료 폰트 고르기

무료 폰트, 썸네일이 아니라 실제 화면 크기로 고르세요. 무료 폰트 검색은 링크 모음만으로는 부족합니다. 한국어는 받침과 모음 조합이 많아 14px 본문, 12px 캡션, 600 굵기 버튼에서 획이 뭉치면 바로 가독성이 떨어집니다. 스냅폰트 Fonts 탭에서 본인 카피로 미리보기한 뒤, Pairs·Similar·Licenses로 조합과 조건까지 확인하세요.

실제로 이렇게 보입니다

아래 샘플은 실제 폰트 파일을 불러와 프로젝트에서 쓰는 문장·크기·굵기로 렌더링한 것입니다. 썸네일이 아니라 화면에서의 리듬을 확인하세요.

14px 본문 가독성 · Pretendard vs Jalnan

같은 문장, 다른 폰트 — 본문용과 디스플레이용 차이

권장

Pretendard 400 · 14px · line-height 1.6

배송지 변경은 마이페이지에서 가능합니다. 2026.05.28 기준 ₩12,900 결제 내역도 같은 리듬으로 읽혀야 합니다.

피하기

Jalnan · 14px (디스플레이 폰트를 본문에)

배송지 변경은 마이페이지에서 가능합니다. 2026.05.28 기준 ₩12,900 결제 내역도 같은 리듬으로 읽혀야 합니다.

무료 폰트 고를 때 썸네일 대신 14px 두 줄 문장으로 받침·숫자·기호를 확인하세요.

UI 타이포 스케일 · Spoqa Han Sans Neo

H1 24px → 본문 14px → 캡션 12px

H1 주문 내역
H2 최근 배송
Body 고객센터 1588-0000 · 평일 09:00–18:00
Cap 마지막 업데이트 5분 전

Regular·Medium·SemiBold·Bold 4단계가 모두 있으면 버튼·제목·본문을 같은 패밀리로 처리할 수 있습니다.

[object Object]

16px 제목 · 13px 설명 · 14px 버튼

알림 설정
배송 시작·완료 알림을 이메일과 앱 푸시로 받습니다.
저장

UI card Noto Sans KR · 16px title

Noto Sans KR은 긴 문단·표 숫자·다국어 혼용에서 안정적인 무료 출발점입니다.

무료 폰트를 고를 때 반드시 볼 것

  • 본문 가독성: "배송지 변경은 마이페이지에서 가능합니다" 같은 2줄 문장을 14px, line-height 1.5–1.6으로 읽어보기
  • 굵기 단계: Regular(400), Medium(500), SemiBold(600), Bold(700)가 모두 있는지 — 버튼·제목·강조를 같은 패밀리로 처리
  • 숫자·기호: ₩, %, ·, /, 괄호, 날짜(2026.05.28)가 본문과 같은 리듬으로 보이는지
  • 영문 혼용: 브랜드명 snapdeck, API 경로 /v1/fonts, 이메일 주소가 한글과 baseline이 맞는지
  • 출처 확인: Google Fonts, 눈누, Fontshare, xz/fonts 등 공식 배포처와 파일 버전이 최신인지
  • 라이선스: "무료"와 "상업용 무료"는 다를 수 있으므로 웹·앱·PDF·로고 조건을 Licenses 탭에서 확인

목적별 무료 폰트 출발점

  • UI·SaaS 본문: Pretendard, SUIT, Spoqa Han Sans Neo, IBM Plex Sans KR — 13–15px, tabular numbers 확인
  • 안정적 본문·문서: Noto Sans KR, Nanum Gothic, Gothic A1 — 긴 문단과 표 숫자에 적합
  • 영문 UI + 한글: Inter/Public Sans 본문 + Pretendard 또는 Noto Sans KR bilingual 스택
  • PPT 제목: Gmarket Sans, Jalnan, S-Core Dream — 28pt 이상에서 실루엣 확인 후 본문은 중립 고딕
  • 감성·캠페인: 눈누 배포 개성 폰트는 제목만 쓰고 본문은 Pretendard·Noto Sans KR로 분리
  • 코드·데이터: D2Coding, IBM Plex Mono — 고정폭과 한글 주석 가독성 별도 확인

무료 폰트를 고를 때 자주 하는 실수

  • Behance·Pinterest 포스터용 샘플만 보고 13px UI 라벨에서는 획이 붙어 보이는 경우
  • Thin·Light 굵기만 예쁘다고 골라 400 본문이 없거나 700 Bold가 과하게 두꺼운 경우
  • 눈누·블로그 집계 페이지의 "상업용 OK" 요약만 저장하고 제작자 원문 조건을 안 읽은 경우
  • PPT에만 쓸 폰트를 웹 CSS @font-face로 무단 임베딩한 경우
  • 팀원 PC에 폰트를 설치하지 않은 채 PPT·Figma 파일만 공유해 다른 환경에서 대체 폰트로 깨지는 경우
  • 로고·워드마크에 디스플레이 폰트를 그대로 쓰고 수정·아웃라인·상표 등록 조건을 확인하지 않은 경우

스냅폰트에서 빠르게 좁히는 방법

  • Fonts 탭 검색창에 "UI", "sans", "korean" 또는 기준 폰트명(Pretendard) 입력 후 Similar로 확장
  • 미리보기 텍스트를 실제 프로젝트 문장(CTA, 에러, 가격)으로 교체해 12–16px 구간 테스트
  • Pairs 탭에서 후보 본문 폰트 + 제목 폰트 조합을 3세트 이상 A/B 비교
  • Licenses 탭에서 OFL·Apache·SIL 등 라이선스 유형과 원문 URL을 북마크
  • 최종 2–3개 후보는 Figma·코드·PPT 각각 1장 mockup을 만들어 매체별로 재확인
  • 선택 폰트의 font-family CSS 이름, woff2 경로, fallback: system-ui, sans-serif 스택을 문서화

무료 폰트 선택 4단계

  1. Fonts 탭에서 작업 유형(UI/PPT/브랜드) 키워드로 검색하고 Pretendard 또는 Noto Sans KR을 기준 폰트로 연다.
  2. 미리보기를 14px 본문·12px 캡션·600 버튼 문장으로 바꿔 Similar에서 대체 후보 3개를 추가한다.
  3. Pairs 탭에서 제목·본문 조합을 확인하고, Licenses 탭에서 상업용·웹·로고 조건을 원문과 대조한다.
  4. 최종 1–2개를 Figma 컴포넌트(Button, Input, Table)와 CSS font-family 스택으로 팀에 공유한다.

무료 폰트 탐색에 쓰는 기능

  • Fonts: 실문장 미리보기, 굵기 전환, 카테고리·출처 필터
  • Similar: Pretendard·SUIT·본고딕 기준 비슷한 무료 대체 폰트
  • Pairs: 제목·본문·UI 샘플로 조합 미리보기
  • Licenses: 상업용·임베딩·재배포 조건과 원문 링크