한글 페어링 · 큐레이션

주아+나눔고딕

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

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

A:주아· 제작 우아한형제들|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: 주아 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

45제목 주아 · 본문 나눔고딕

주아B=제목용

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

+나눔고딕A=본문용

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

나눔고딕은 읽기 좋지만, 주아와는 어울리지 않아요.

나눔고딕은 본문 가독성이 우수하나, 주아는 단일 웨이트(400)만 제공되어 제목 위계 표현이 제한적이다. 주아의 과도한 둥근 모양은 큰 사이즈에서는 임팩트 있으나 소형 텍스트에서는 가독성 저하 위험이 있다.

분위기: 나눔고딕의 중성적·기계적 산세리프와 주아의 둥글고 친근한 디스플레이 톤이 충돌한다. 주아는 캐주얼·장난스러운 분위기를 강하게 드러내는 반면, 나눔고딕은 정보 전달 중심의 차가운 인상을 유지하여 일관된 브랜드 톤 형성이 어렵다.
대비·계층: 나눔고딕 700/800과 주아 400 간 웨이트 대비는 충분하나, 구조적 대비(기하학적 vs. 둥근 산세리프)가 너무 강해 정보 계층보다 시각적 충돌이 우선한다. 제목과 본문이 같은 폰트 패밀리에서 나온 느낌이 아니다.
추천 용도: 캐주얼·키즈 콘텐츠 (블로그, SNS 포스트 - 톤 불일치 감수 시)장난스러운 브랜드 톤이 필요한 제한적 상황제목만 주아로 극도로 강조하되, 본문은 나눔고딕 700으로 대체 고려

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterRoboto

나눔고딕의 중성적 sans-serif 톤에는 현대적·깔끔한 sans(Inter, Roboto)가 적합하다. 주아와 페어링할 경우 Manrope·Satoshi 같은 둥근 산세리프가 분위기 통일을 도울 수 있으나, 페어 자체의 톤 불일치가 근본 문제이므로 권장도 낮다.

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

32~40px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f5

어울리는 산업 톤

키즈·교육 (주아의 친근함 활용 시)캐주얼 라이프스타일 (톤 불일치 감수)

35제목 나눔고딕 · 본문 주아

나눔고딕A=제목용

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

+주아B=본문용

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

우아한 디자인으로 시작하는 새로운 경험

주아는 x-height가 크고 곡선이 과도하여 본문 텍스트의 가독성이 현저히 떨어짐. 나눔고딕은 본문용으로 충분하나, 제목-본문 폰트 역할 자체가 역설적.

분위기: 나눔고딕의 중립적·기계적 인상과 주아의 부드럽고 캐주얼한 곡선이 충돌하여 일관된 톤을 형성하지 못함. 주아는 본문용 폰트가 아닌 디스플레이 폰트로 설계되어 장문 읽기에 부적합.
대비·계층: 나눔고딕 700/800과 주아 400 간 무게 대비는 충분하지만, 구조적 성격 차이(기하학적 vs. 유기적)가 정보 위계를 혼란스럽게 함.
추천 용도: 캐주얼 어린이 콘텐츠 (제한적)짧은 카피 중심 광고 (본문 최소화)UI 버튼·라벨 (본문 회피)

어울리는 영문 폰트

제목Roboto BoldInter BoldSource Sans Pro Bold

본문Inter RegularSource Sans Pro Regular

나눔고딕의 중립적 기하학성과 어울리는 산세리프 영문 폰트 권장. 주아와의 페어링은 비권장하므로 나눔고딕 단독 기준으로 제시.

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

36~44px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f5

어울리는 산업 톤

캐주얼 F&B키즈 교육

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

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

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