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

예쁜 한글 폰트

예쁜 한글 폰트는 제목에 쓰고, 본문은 따로 잡으세요. 예쁜·감성·손글씨 느낌 폰트는 첫 시선을 잡지만 14px 본문 5줄에서는 피로합니다. 카드뉴스 제목(24–32px), 상세 히어로(28–40px), CTA 버튼(600, 14–16px)을 역할별로 나누고 Pairs 탭에서 display + neutral sans 조합을 확인하세요. 이벤트·커머스는 상업·로고 Licenses도 필수입니다.

실제로 이렇게 보입니다

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

감성 제목 · Gmarket Sans

36px 캠페인 헤드라인

오늘만 특가
예쁜 폰트는 제목·배너에만 쓰고, 설명·약관·버튼은 Pretendard·Noto Sans KR로 분리하세요.

font-family Gmarket Sans + fallback

카드뉴스·상세페이지 상단 1–2줄만 개성 폰트, 나머지는 중립 sans가 전환율·가독성 모두에 유리합니다.

[object Object]

짧은 카피 vs 긴 설명

NEW DROP
한정 수량 · 4월 30일까지 · 무료배송

UI card Jalnan · 28px title

손글씨·디스플레이 계열은 2–4단어 제목에만 쓰고 본문은 절대 섞지 않는 것이 원칙입니다.

예쁜 폰트 역할 나누기

  • Hero H1: 32–48px display — 눈누 감성·retro·handwriting 1종
  • Section title: 24–28px — display보다 읽기 쉬운 semi-display
  • Body: 14–16px Pretendard·Noto Sans KR·Nanum Gothic
  • Price·CTA: 600, 16–20px — display 쓰지 말고 sans
  • Badge·tag: 12px, 500 — "NEW", "23% OFF"
  • Quote·review: 16px serif 또는 round sans — display와 혼용 주의

채널별 예쁜 폰트 팁

  • 카드뉴스(1080×1350): 제목 2–3줄 max, 28–36px, line-height 1.2
  • 스마트스토어·쿠팡 상세: 상품명 display, 스펙·배송은 14px 고딕
  • 인스타 스토리: 24px+ 제목, safe zone 내 14px 본문
  • 랜딩 이벤트: gradient 배경 위 display — stroke/shadow로 대비 확보
  • 뷰티·F&B: round·soft display + light sans 본문
  • 모바일 360px: display 24px 이상 2줄 wrap 테스트

예쁜 폰트 함정

  • 전체 상세페이지 display → 전환율·가독성 하락
  • 가격 ₩29,900 display → 숫자 폭·정렬 깨짐
  • Light display on photo → WCAG 대비 미달
  • 굵기 1개 display → responsive scale 불가
  • 눈누 예쁜 폰트 로고·상표 사용 금지 조항
  • 웹 display woff2 2MB+ — hero only subset

추천 조합 패턴

  • Display 제목 + Pretendard 400 본문 + Pretendard 600 CTA
  • Jalnan/Gmarket 계열 H1 + Noto Sans KR body — 커머스
  • 눈누 handwriting quote + SUIT 14px 설명
  • Pairs: 36px hero + 16px lead + 14px 3bullet 동시 preview
  • Similar: "이 display 너무 흔함" → 다른 display + same body
  • Licenses: SNS 상업 게시·광고 집행 조건

예쁜 폰트 적용 4단계

  1. 채널(카드뉴스/상세/랜딩)과 제목 max 줄 수·최소 px 정의.
  2. Fonts에서 display 후보 5개 → 28px+ 미리보기 → 3개로 축소.
  3. Pairs에서 display + Pretendard/Noto 본문 조합 3세트 비교.
  4. Licenses 상업·SNS·로고 확인 → Figma component(hero/body/button) 분리.

예쁜 폰트 탐색 기능

  • Fonts: display·handwriting 카테고리, 큰 크기 미리보기
  • Pairs: hero+body 샘플
  • Similar: display 대체
  • Licenses: 이벤트·광고 상업 조건