한글 페어링 · 큐레이션

주아+나눔고딕

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

주아B=제목용

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

+나눔고딕A=본문용

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

오늘도 동네 빵집에서 따뜻한 인사를 건넵니다

나눔고딕은 한국 웹·모바일에서 검증된 본문 가독성을 보장하고, 주아는 단어·짧은 구절 제목에서 시선을 빠르게 잡아준다.

분위기: 나눔고딕의 단정하고 중립적인 본문 톤 위에 주아의 둥글고 친근한 손글씨풍 제목이 얹혀 따뜻하면서도 안정감 있는 분위기를 만든다.
대비·계층: 기하학적 산세리프 본문과 라운드 디스플레이 제목 간 형태 대비가 뚜렷해 위계가 분명하지만, 주아 단일 웨이트라 제목 내 세부 위계는 사이즈로 조절해야 한다.
추천 용도: 교육·유아 콘텐츠 웹사이트F&B 브랜드 상세 페이지공공·캠페인 안내 페이지이벤트 랜딩 본문

어울리는 영문 폰트

제목QuicksandFredokaNunitoBaloo 2

본문Source Sans ProIBM Plex Sans

주아의 둥근 디스플레이 인상에는 Quicksand·Fredoka 같은 라운드 산세리프가, 나눔고딕 본문에는 중립적이고 x-height가 안정적인 Source Sans·IBM Plex Sans가 자연스럽게 합성된다.

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

34~42px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2b2b

#ffb84d

#fff6e5

어울리는 산업 톤

교육 따뜻F&B 친근공공기관 캠페인

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

나눔고딕A=제목용

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

+주아B=본문용

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

오늘도 단정하게, 마음을 전합니다.

나눔고딕은 제목에서 또렷한 자소와 균형 잡힌 자간으로 가독성이 높습니다. 다만 주아는 본문용이 아닌 디스플레이 성격이라 긴 글에서는 피로감이 누적될 수 있습니다.

분위기: 나눔고딕의 단정하고 중립적인 제목 위에 주아의 둥글고 친근한 본문이 얹히면 톤이 다소 엇갈립니다. 친근함을 의도한 페어이지만 본문 폰트가 디스플레이 성향이라 일관성은 제한적입니다.
대비·계층: 나눔고딕 700~800 제목과 주아 400 본문은 굵기 대비는 확보되지만, 두 폰트 모두 인상이 강해 위계가 흐려질 위험이 있습니다. 본문은 짧은 문단에 한정해야 효과적입니다.
추천 용도: 어린이·교육 콘텐츠 랜딩F&B 프로모션 포스터지역 행사 안내 페이지캐주얼 이벤트 배너유아 브랜드 상세페이지

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문Plus Jakarta SansNunito

나눔고딕의 휴머니스트 산세리프 골격은 Inter·IBM Plex Sans와 자소 비율이 잘 맞고, 주아의 둥근 본문에는 곡선이 부드러운 Nunito가 톤을 이어줍니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb84d

#fff8ec

어울리는 산업 톤

교육 따뜻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;
}