한글 페어링 · 큐레이션

도현+나눔스퀘어

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

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

A:도현· 제작 우아한형제들|B:나눔스퀘어· 제작 네이버

→ 각 폰트 종합 가이드: 도현 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

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

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

82제목 도현 · 본문 나눔스퀘어

도현A=제목용

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

+나눔스퀘어B=본문용

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

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

도현체는 굵은 스트로크와 넓은 자간 덕분에 큰 사이즈에서 시선을 즉시 사로잡고, 나눔스퀘어는 또렷한 글자 골격과 다양한 웨이트로 긴 본문 가독성이 우수합니다.

분위기: 도현체의 두툼하고 친근한 인상이 제목에서 강한 존재감을 발휘하고, 나눔스퀘어의 균형 잡힌 본문이 안정감을 더해 대중적이면서 깔끔한 톤을 형성합니다.
대비·계층: 디스플레이 성격의 도현체와 정제된 산세리프 나눔스퀘어가 형태 자체로 강한 대비를 이루어, 별도 웨이트 조정 없이도 제목-본문 위계가 명확합니다.
추천 용도: 이벤트·프로모션 랜딩 페이지F&B 브랜드 메뉴·포스터교육 콘텐츠 썸네일캠페인 SNS 카드뉴스공공 홍보물

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex Sans

도현체의 둥글고 두툼한 골격에는 Manrope·Plus Jakarta Sans처럼 라운드한 지오메트릭 산세리프가 어울리고, 본문은 중성적이고 가독성 높은 Inter 계열이 나눔스퀘어와 자연스럽게 합성됩니다.

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

36~48px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#ff6b35

#ffd23f

#fdfaf4

어울리는 산업 톤

F&B 친근이커머스 프로모션교육 따뜻캠페인 활기

58제목 나눔스퀘어 · 본문 도현

나눔스퀘어B=제목용

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

+도현A=본문용

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

오늘도 우리 동네에 진심을 담아

도현은 본래 디스플레이 성격이라 장문 본문 가독성에는 부담이 있어 짧은 문단·캡션 위주로 운용해야 합니다. 나눔스퀘어는 제목에서 또렷하게 첫눈에 들어옵니다.

분위기: 도현이 본문에서 굵고 또렷한 임팩트를 끌고 가고, 나눔스퀘어가 깔끔한 제목으로 정돈된 위계를 받쳐주는 강단 있는 조합입니다.
대비·계층: 도현의 두툼한 골격과 나눔스퀘어 800의 정제된 굵기는 형태 차이는 있으나 무게 대비가 충분히 벌어지지 않아 위계가 다소 평탄해질 수 있습니다.
추천 용도: 이벤트 배너 카피캠페인 랜딩페이지굿즈·패키지 짧은 문구스포츠·게이밍 콘텐츠

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문InterGeist

나눔스퀘어의 기하학적이고 정제된 산세리프 골격에 Inter·Manrope 같은 모던 산세리프가 자연스럽게 맞물리고, 도현의 두툼한 본문에는 Geist의 단단한 텍스처가 균형을 이룹니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#ff6b35

#f5f1ea

어울리는 산업 톤

F&B 친근이커머스 캠페인라이프스타일 동네 브랜드

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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