한글 페어링 · 큐레이션

배달의민족 주아+나눔스퀘어

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 70점
관련 페어: 6개

A:배달의민족 주아· 제작 우아한형제들|B:나눔스퀘어· 제작 네이버

→ 각 폰트 종합 가이드: 배달의민족 주아 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

82제목 배달의민족 주아 · 본문 나눔스퀘어

배달의민족 주아A=제목용

제작우아한형제들상업 무료다운로드

+나눔스퀘어B=본문용

제작네이버상업 무료다운로드

오늘 뭐 먹지? 메뉴 골라드려요

주아는 큰 사이즈에서 캐릭터성이 잘 드러나 시선을 끌고, 나눔스퀘어는 균일한 자폭과 적당한 x-height로 긴 본문에서도 편안하게 읽힌다.

분위기: 주아의 둥글고 친근한 손글씨 감성이 제목을 이끌고, 나눔스퀘어의 깔끔한 기하학적 본문이 균형을 잡아 캐주얼하면서도 정돈된 톤을 만든다.
대비·계층: 디스플레이성 강한 주아와 중립적인 나눔스퀘어 사이에 형태적 대비가 뚜렷해 제목과 본문의 위계가 자연스럽게 형성된다.
추천 용도: F&B 브랜드 랜딩페이지이벤트·프로모션 배너캐주얼 모바일 앱 온보딩라이프스타일 매거진 콘텐츠SNS 카드뉴스

어울리는 영문 폰트

제목FredokaQuicksandPlus Jakarta SansManrope

본문InterIBM Plex Sans

주아의 둥근 곡선미는 Fredoka·Quicksand 같은 라운드 산세리프와 친화적이며, 본문은 중립적인 Inter 계열이 나눔스퀘어의 기하학적 구조와 자연스럽게 결합된다.

권장 사이즈 (한국어 기준)

36~48px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#2bc4a0

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 발랄교육 따뜻

58제목 나눔스퀘어 · 본문 배달의민족 주아

나눔스퀘어B=제목용

제작네이버상업 무료다운로드

+배달의민족 주아A=본문용

제작우아한형제들상업 무료다운로드

오늘 점심은 뭐 먹을까 고민되네요

주아는 본문용으로 설계된 폰트가 아니어서 긴 글에서는 피로감이 있지만, 짧은 문단·캡션 분량에서는 친근감이 살아난다. 나눔스퀘어 800은 제목에서 또렷한 시인성을 보장한다.

분위기: 주아의 둥글고 친근한 손글씨 인상이 본문을 이끌고, 나눔스퀘어의 단정한 기하학 산세리프가 제목에서 안정감을 더한다.
대비·계층: 디스플레이성 본문과 정제된 제목의 역할 반전이 흥미로운 위계를 만들지만, 주아 자체의 강한 개성이 제목보다 본문에서 더 튀어 보일 위험이 있다.
추천 용도: F&B 브랜드 상세 페이지어린이·교육 콘텐츠 본문이벤트 랜딩 짧은 카피SNS 카드뉴스 친근한 톤

어울리는 영문 폰트

제목InterManropeIBM Plex Sans

본문Plus Jakarta SansNunito

나눔스퀘어의 기하학적 제목에는 Inter·Manrope의 깔끔한 구조가 어울리고, 주아의 둥근 본문에는 Nunito처럼 라운드 처리된 산세리프가 톤을 맞춘다.

권장 사이즈 (한국어 기준)

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2bae66

#ffc93c

#fff8e7

어울리는 산업 톤

F&B 친근교육 따뜻라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquare/subsets/NanumSquare-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Jua', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Nanum Square', sans-serif;
}