한글 페어링 · 큐레이션

함초롬바탕+나눔고딕

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

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

A:함초롬바탕· 제작 한컴|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 함초롬바탕 · 본문 나눔고딕

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

+나눔고딕B=본문용

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

오래된 문장 속에서 오늘의 의미를 찾다

함초롬바탕은 한글 자소 비례가 안정적이라 제목에서 또렷하게 읽히고, 나눔고딕은 x-height가 충분해 긴 본문에서도 피로감이 적습니다.

분위기: 함초롬바탕의 정갈한 한글 명조 인상이 제목을 차분하게 이끌고, 나눔고딕의 균일한 본문이 신뢰감 있는 문서 톤을 완성합니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 고전적 구조로 분류 대비가 명확하고, 700 굵기 제목과 400 본문 사이 위계가 자연스럽게 잡힙니다.
추천 용도: 출판·단행본 본문공공기관 보고서교육·학술 자료장문 아티클 웹페이지

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

함초롬바탕의 단정한 명조 골격은 휴머니스트 세리프와 결이 맞고, 나눔고딕의 균일한 본문에는 중립적 산세리프가 줄 흐름을 해치지 않습니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판 매거진공공기관 신뢰교육 따뜻

78제목 나눔고딕 · 본문 함초롬바탕

나눔고딕B=제목용

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

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

오래된 책장에서 익숙한 향기가 번졌다.

함초롬바탕은 한글 획 구조가 정돈되어 긴 본문 읽기에 매우 적합하며, 나눔고딕은 깔끔한 산세리프로 강조와 헤드라인에서 즉각적인 가독성을 제공합니다.

분위기: 함초롬바탕의 단정한 서정적 분위기를 본문에서 안정적으로 펼치고, 나눔고딕이 명료한 강조로 균형을 잡습니다.
대비·계층: 세리프 본문과 산세리프 강조라는 전통적 대비 구조로 정보 위계가 자연스럽게 구분되며, 800 웨이트의 나눔고딕이 충분한 강세를 만들어 줍니다.
추천 용도: 출판물 본문 레이아웃교육·학술 자료에세이·문학 웹페이지공공기관 보고서장문 콘텐츠 매거진

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문Source SerifMerriweatherEB Garamond

본문 세리프인 함초롬바탕에는 동일한 세리프 계열 영문을 합성하여 문장 흐름을 유지하고, 제목 나눔고딕에는 균형 잡힌 휴머니스트 산세리프를 짝지어 톤을 통일합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c2a26

#a87c4f

#f5efe6

어울리는 산업 톤

출판·문학 서정교육 따뜻공공기관 신뢰라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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