한글 페어링 · 큐레이션

본고딕+본명조

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

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

A:본고딕· 제작 어도비·구글|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 본고딕 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

94제목 본고딕 · 본문 본명조

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+본명조A=본문용

제작어도비·구글상업 무료다운로드

오래된 문장 속에서 새로운 목소리를 발견하다

본명조 Regular는 획 대비가 적절해 긴 글에서 피로감이 낮고, 본고딕 Bold 제목은 직선적 형태로 한눈에 들어온다.

분위기: 본명조가 만드는 차분하고 정제된 본문 위에 본고딕이 명료한 강조 제목을 얹어 출판물 같은 정통적 톤을 형성한다.
대비·계층: 세리프 본문과 산세리프 제목의 분류 대비, 그리고 weight 차이까지 더해져 정보 위계가 자연스럽게 분리된다.
추천 용도: 장문 에세이·매거진 본문출판물 챕터 구성브랜드 스토리텔링 페이지정책·보고서 문서인터뷰 기사 레이아웃

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProHelvetica Neue

본문Source SerifIBM Plex SerifMerriweather

본고딕·본명조와 같은 Source 패밀리인 Source Sans/Serif는 구조와 x-height가 자연스럽게 맞고, Inter·IBM Plex 계열도 중립적 골격으로 한글과 충돌하지 않는다.

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

36~44px

24~28px

본문

17~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

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

94제목 본명조 · 본문 본고딕

본명조A=제목용

제작어도비·구글상업 무료다운로드

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오래된 문장이 오늘을 다시 말한다.

본명조는 또렷한 획 대비로 제목에서 시선을 사로잡고, 본고딕은 균일한 자폭과 넓은 카운터로 긴 본문에서도 피로감이 적습니다.

분위기: 본명조의 단정한 세리프 제목과 본고딕의 명료한 산세리프 본문이 만나 정제되고 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프와 산세리프의 구조 대비가 자연스럽게 위계를 만들고, 두 패밀리가 동일 설계 철학을 공유해 시각적 통일감도 유지됩니다.
추천 용도: 출판물 본문 레이아웃기업 IR·연차보고서뉴스·매거진 웹사이트공공기관 안내 문서브랜드 스토리 페이지

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문Source Sans ProIBM Plex SansInter

본명조·본고딕은 Source 패밀리와 설계 기반을 공유하므로 Source Serif/Sans가 가장 자연스럽고, IBM Plex 계열은 동일 톤의 모던 세리프·산세리프 매칭을 제공합니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판·매거진 정제공공기관 신뢰B2B SaaS 전문성브랜드 헤리티지

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}