한글 페어링 · 큐레이션

도현+나눔고딕

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

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

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

→ 각 폰트 종합 가이드: 도현 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

74제목 도현 · 본문 나눔고딕

도현B=제목용

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

+나눔고딕A=본문용

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

오늘의 메뉴를 정성껏 준비했습니다

나눔고딕은 균일한 자폭과 안정적인 골격으로 긴 본문 가독성이 매우 우수하며, 도현체는 굵은 한 가지 웨이트로 제목에서 강한 시선 집중을 만든다.

분위기: 도현체의 굵고 임팩트 있는 제목과 나눔고딕의 정돈된 본문이 만나 친근하면서도 명료한 정보 전달 톤을 만든다.
대비·계층: 도현의 묵직한 디스플레이 인상과 나눔고딕 400의 차분한 본문이 자연스러운 위계를 형성하지만, 도현이 단일 웨이트라 서브 제목 단계는 나눔고딕 700/800으로 보완해야 한다.
추천 용도: F&B 브랜드 메뉴판동네 행사·공공 캠페인 포스터교육 콘텐츠 블로그친근한 톤의 이커머스 상세페이지

어울리는 영문 폰트

제목Archivo BlackBungeeWork Sans

본문Source Sans ProIBM Plex Sans

도현체의 굵고 둥근 인상에는 Archivo Black처럼 묵직한 산세리프가 어울리고, 나눔고딕 본문에는 Source Sans Pro 계열의 중립적이고 가독성 높은 산세리프가 자연스럽다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb703

#fdf6ec

어울리는 산업 톤

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

58제목 나눔고딕 · 본문 도현

나눔고딕A=제목용

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

+도현B=본문용

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

오늘부터 시작하는 작은 변화

나눔고딕은 제목으로 무난하나 자체 인상이 약한 편이고, 도현은 글자 폭이 넓고 굵어 긴 본문 가독성에는 적합하지 않습니다.

분위기: 나눔고딕의 단정하고 보편적인 인상과 도현의 굵고 둥근 디스플레이 톤이 만나, 친근하면서도 약간 캐주얼한 분위기를 형성합니다.
대비·계층: 나눔고딕 800과 도현의 무게 차이는 크지 않지만, 도현의 디스플레이 성격 덕분에 형태 대비는 어느 정도 확보됩니다.
추천 용도: 커뮤니티 공지캠페인 랜딩 페이지이벤트 배너교육 콘텐츠 카드뉴스

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문InterSource Sans Pro

나눔고딕의 보편적인 산세리프 골격에는 균형 잡힌 지오메트릭 산세리프가 자연스럽게 어울리며, 본문에서도 동일 계열이 안정적입니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#2b6cb0

#f6ad55

#f7fafc

어울리는 산업 톤

교육 따뜻공공기관 친근커뮤니티 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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